Jump to content

die_frage

Newbie
  • Posts

    6
  • Joined

  • Last visited

Everything posted by die_frage

  1. Спасибо за ответ, но к сожалению это не помогло. Я уже читал урок по этой ссылке ранее и тоже не разобрался. Я так понимаю что тут есть связь родительских элементов и дочерних, но как они работают я вот никак догнать не могу У меня на странице есть еще один css файл. Я подумал что может стоит там поменять позиционирование body но тоже ничего не помогает. Вот код второго файла: body {background-image:url("top.png");background-repeat: no-repeat;background-position:center top;background-color: #5B7ABB;position:absolute;margin: 0;padding:0;font-family: 'Candy Round BTN Lt';} @font-face { font-family: 'Candy Round BTN Lt'; src: url('candy-round-btn-lt.ttf'); }
  2. Здравствуйте. Задался целью собрать сайт и в принципе все по урокам понятно. Но вот одна проблемка по которой я не нашел никаких уроков и тем. Проблема заключается в том что у меня на странице есть меню, которое находится в теге <DIV>, когда я выставляю какие то параметны для того что бы меню нашло свое место на сайте все ок, но стоит мне увеличить или уменьшить страницу скролом CTRL+Scroll как меню менят свое положение. Заранее спасибо. <!DOCTYPE html><html><head> <title>My Project</title><link type="text/css" rel="stylesheet" href="menu.css" media="screen"/><link type="text/css" rel="stylesheet" href="style.css"/><script type="text/javascript" src="http://dimics.com/wp-content/themes/dimics/jquery-1.3.2.js"></script><script type="text/javascript" language="javascript"> $(document).ready(function(){$("a").hover(function(){$(this).stop().animate({top:"0px"}, "300");}, function(){$(this).stop().animate({top:"-35px"}, "300");});});</script></html> <body> <div id="menu"> <ul> <li><a href="#" class="home"></a></li> <li><a href="#" class="about"></a></li> <li><a href="#" class="links"></a></li> <li><a href="#" class="contact"></a></li> </ul> </div> </body></html>* { margin:0; padding:0; }#menu {height:35px;overflow:hidden;width:1200px;border: 2px solid black;position:absolute; top:500;left: 50px;}li {display:inline;float:left;list-style-type:none;margin-right:1px;} a {display:block;height:70px;top:-35px;position:relative;width:100px;} a.home {background:url(images/home.jpg) no-repeat bottom center;} a.about {background:url(images/about.jpg) no-repeat bottom center;} a.links {background:url(images/links.jpg) no-repeat bottom center;} a.contact {background:url(images/contact.jpg) no-repeat bottom center;}
  3. Всем спасибо! Проблема решилась! ) Цвет добавил так: ul li a:first-child{ padding-left: 30px; padding-right: 30px; color:#ffffff; text-decoration:none; } А отступы в меню были из за того что картинку на сайт не правильно разместил ) Тему можно закрыть )
  4. С цветом при наведении проблем нет, он меняется и так. проблема в статичной ссылке. Можете посмотреть на самом сайте ru.intek.az цвет синего цвета и не меняется. padding-left: 0px; частично исправляет проблему с отступами но только не на первой кнопке, можете так же на сайте посмотреть, кнопка HOME при на ведении курсора не вся меняется.
  5. Спазибо за ответ, чуть позже проверю и отпишусь.
  6. Привет друзья! У меня вот такая проблема: Скачал горизонтальное меню и установил на сайт по инструкции. Вроде все село на свои места, только проблема в том что не могу сменить цвет шрифва в CSS и сдвинуть кнопки так что бы они начинались с лева с самого начала блока меню. Вот код CSS: *{ margin:0; padding:0; } .page{ margin:0 auto; width:905px; } ul{ list-style:none; width:100%; height:40px; background:#000 url(http://ru.intek.az/bg-nav.gif) top left repeat-x; } ul li{ float:left; border-right:1px solid #333; } ul li a{ display:block; height:40px; padding:0 35; float:left; text-transform: uppercase; font:100%/40px Helvetica,"microsoft sans serif",arial,sans-serif; color:#fff; text-decoration:none; text-align:center; } ul li a:hover, ul li.active a{ background:url(http://ru.intek.az/bg-button.gif) top left repeat-x; color:#fff; } Когда я меня параметр padding:0 35; на padding:0 0; меню сдвигается в лева, но между текстом вообще не остается отступов ( А цвет не активной ссылки (шрифта) вообще никак сменить не могу. Помогите пожалуйста, буду очень признателен.
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy