Помогите доработать меню надо чтобы при наведении на верхнее меню снизу появлялось второе меню тоже горизонтальное?
Вот код верхнего меню
| Код |
/* CSS Document */
*
{
padding: 0px;
margin: 0px;
border:0px;
}
body {
margin:0; padding:0;
}
#nav
{
border-color: #666666;
border-style:solid;
border-width: 2px;
height:27px;
background-color: #999999;
}
#nav ul /*убираем точки у списка*/
{
font-size: 13.5px;
margin: 0;
padding: 0;
list-style: none;
}
#nav li
{
display: inline; /*выстраиваем ссылки в горизонтальную линию*/
float: left;
border-right-style: solid;
border-right-width: 1px;
border-right-color: #666666;
}
#nav li a
{
display: block;
color:#FFFFFF;
padding: 5px 29px;
text-decoration:none
}
#nav li a:hover
{
display: block;
color: #666;
background-color: #fff;
text-decoration: none
}
|
| Код |
<div id="nav">
<ul>
<li><a href="#">Главная</a></li>
<li><a href="#">Мои журналы</a></li>
<li><a href="#">Проекты</a></li>
<li><a href="#">Обо мне</a></li>
<li><a href="#">Новости</a></li>
<li><a href="#">Пико</a></li>
<li><a href="#">Политика</a></li>
<li><a href="#">Вакансии</a></li>
<li><a href="#">Объявления</a></li>
</ul>
</div>
|
|