<title>Создание базового горизонтального меню для сайта CSS методами</title>
</head>
<style type="text/css">
ul.css-menu-1 {
list-style: none;
}
ul.css-menu-1 li {
background-color:#FFFF00;
line-height:2.5;
}
ul.css-menu-1 li a {
display:block;
background-color:#006600;
font-family: Tahoma, Geneva, sans-serif;
text-decoration: none;
font-weight: bold;
color: #ffaa00;
padding: 6px 10px 6px 10px
}
</style>
<body>
<ul class="css-menu-1">
<li><a href="#">Главная</a></li>
<li><a href="#">HTML уроки</a></li>
<li><a href="#">CSS уроки</a></li>
<li><a href="#">Справочник</a></li>
</ul>
<head>
Почему фон стал зеленым, после того, как я поставил display:block в ul.css-menu-1 li a?
Спустя 22 минуты, 45 секунд (16.06.2011 - 11:20) Domin написал(а):
ul.css-menu-1 li a {
display:block;
background-color:#006600;
font-family: Tahoma, Geneva, sans-serif;
text-decoration: none;
font-weight: bold;
color: #ffaa00;
padding: 6px 10px 6px 10px
}
Потомучто он у тебя прописан в стиле =)
Спустя 12 минут, 31 секунда (16.06.2011 - 11:32) GQU написал(а):
Почему этот фон - background-color:#FFFF00; не отображается ?
Спустя 1 минута, 16 секунд (16.06.2011 - 11:34) Domin написал(а):
padding: 6px 10px 6px 10px а где тут точка с запятой =)
внимательнее мужигг =)
внимательнее мужигг =)
Спустя 1 минута, 23 секунды (16.06.2011 - 11:35) GQU написал(а):
| Цитата |
| padding: 6px 10px 6px 10px а где тут точка с запятой =) внимательнее мужигг =) |
так в конце она не обязательна
Спустя 6 минут, 39 секунд (16.06.2011 - 11:42) Domin написал(а):
а ты попробуй=)
Спустя 2 минуты, 16 секунд (16.06.2011 - 11:44) bobo написал(а):
| Цитата |
| Почему этот фон - background-color:#FFFF00; не отображается ? |
Потому что у дочернего блока другой фон.
Блоком стала ссылка, после добавления ей display:block
Ты вообще что ли не вникаешь в то, что сам же делаешь ?
Спустя 18 минут, 11 секунд (16.06.2011 - 12:02) GQU написал(а):
| Цитата |
| Блоком стала ссылка, после добавления ей display:block |
ul.css-menu-1 li {
background-color:#FFFF00;
}ul.css-menu-1 li a {
display:block;
}2 фона, занимают одинакое простр-во
Почему приоритет у 2 кода выше(почему тот фон перекрывает предыдущий?)
Спустя 6 минут, 6 секунд (16.06.2011 - 12:08) linker написал(а):
GQU
Грубо говоря, потому что он находится глубже. Каждое следующее значение стиля дочернего элемента, перекрывает значение такого же стиля у его родительского элемента.
Грубо говоря, потому что он находится глубже. Каждое следующее значение стиля дочернего элемента, перекрывает значение такого же стиля у его родительского элемента.
Спустя 2 минуты, 7 секунд (16.06.2011 - 12:10) GQU написал(а):
| Цитата |
| Грубо говоря, потому что он находится глубже. Каждое следующее значение стиля дочернего элемента, перекрывает значение такого же стиля у его родительского элемента. |
Ну это я и хотел узнать