die_frage
-
Posts
6 -
Joined
-
Last visited
Content Type
Profiles
Forums
Calendar
Store
Posts posted by die_frage
-
-
Здравствуйте.
Задался целью собрать сайт и в принципе все по урокам понятно. Но вот одна проблемка по которой я не нашел никаких уроков и тем. Проблема заключается в том что у меня на странице есть меню, которое находится в теге <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;}
-
Всем спасибо! Проблема решилась! )
Цвет добавил так:
ul li a:first-child{
padding-left: 30px;
padding-right: 30px;
color:#ffffff;
text-decoration:none;
}А отступы в меню были из за того что картинку на сайт не правильно разместил )
Тему можно закрыть )
-
попробуй так. только не забудь вставить цвет при наведении и расстояние
ul li a:hover{
color: здесь указать цвет при наведении;
}
ul li a:first-child{
padding-left: 0px;
}С цветом при наведении проблем нет, он меняется и так. проблема в статичной ссылке. Можете посмотреть на самом сайте ru.intek.az цвет синего цвета и не меняется.
padding-left: 0px;
частично исправляет проблему с отступами но только не на первой кнопке, можете так же на сайте посмотреть, кнопка HOME при на ведении курсора не вся меняется.
-
Спазибо за ответ, чуть позже проверю и отпишусь.
-
Привет друзья!
У меня вот такая проблема:
Скачал горизонтальное меню и установил на сайт по инструкции. Вроде все село на свои места, только проблема в том что не могу сменить цвет шрифва в 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;
меню сдвигается в лева, но между текстом вообще не остается отступов ( А цвет не активной ссылки (шрифта) вообще никак сменить не могу.
Помогите пожалуйста, буду очень признателен.
Смещаются объекты при маштабировании страницы
in HTML Coding
Posted
Спасибо за ответ, но к сожалению это не помогло. Я уже читал урок по этой ссылке ранее и тоже не разобрался. Я так понимаю что тут есть связь родительских элементов и дочерних, но как они работают я вот никак догнать не могу
У меня на странице есть еще один css файл. Я подумал что может стоит там поменять позиционирование body но тоже ничего не помогает.
Вот код второго файла: