| BETEPAH | 09.09.2013 10:13 |
Приорететы в класах
<div id='menu'> <ul id="nav"> <li class='active'><a href='#'></a></li> </ul> </div>
.menu {
background-color: #f4735e;
width: 100%;
height: 45px;
border-radius: 0 0 10px 10px;
}
.active {
background-color: #ffffff;
}
#nav {
font-size: 15px;
font-family: Tahoma, sans-serif;
}
#nav li a {
outline: none;
text-decoration: none;
display: block;
color: #ffffff;
background-color: #f4735e;
float: left;
padding: 15px 15px;
}
#nav li a:hover, a:active, a:focus {
background-color: #a3b754;
}
Не работает class='active'. Что делать, чтобы он заработал? |
Цитата:
закомментировал пару строчек в css и изменил цвет фона, чтоб стало понятно почему Вы не видите, что он работает |
Странно, что светится вся строка... Ну я думаю вы поняли, что я хотел сделать. Мне нужно, чтобы кнопка (li) подсвечивалась всегда, как это сделать?
|
Цитата:
|
danik.js,
В стилях стоит на li - display: block; Почему у меня тогда 1 кнопка (li) не растягивается на всю ширину? Ладно, это демагогия :) Подскажите, пжлст, как здесь выкрутится? |
Цитата:
Вот, я добавил outline для LI и видно что он растягивается на всю ширину.
<style>
.menu {
background-color: #f4735e;
width: 100%;
height: 45px;
border-radius: 0 0 10px 10px;
}
.active {
background-color: #ffffff;
}
#nav {
font-size: 15px;
font-family: Tahoma, sans-serif;
}
#nav li a {
outline: none;
text-decoration: none;
display: block;
color: #ffffff;
background-color: #f4735e;
float: left;
padding: 15px 15px;
}
#nav li a:hover, a:active, a:focus {
background-color: #a3b754;
}
#nav li{
outline: 1px solid red;
}
</style>
<div id='menu'>
<ul id="nav">
<li class='active'><a href='#'></a></li>
</ul>
</div>
|
Цитата:
Цитата:
#nav li a:hover,
#nav li a:active,
#nav li a:focus {
background-color: #a3b754;
}
|
|
| Часовой пояс GMT +3, время: 11:08. |
