[ Поиск ] - [ Пользователи ] - [ Календарь ]
Полная Версия: Выпадающее горизонтальное меню
DmitryOpalev
Есть выпадающее меню стандартного вида
<ul>...<li><a></a></li>...</ul>

CSS:
Свернутый текст
#nav {
margin-top: 150px;
width: 100%;
float: left;
font: 14px Tahoma;
overflow: hidden;
background: #A8DBFF;
}

#nav ul {
margin:0;
padding:0;
list-style:none;
}

#nav ul li {
float:left;
}

#nav ul li a {
float: left;
color:#0096FF;
padding: 10px;
text-decoration:none;
}

#nav ul li a:hover,
#nav ul li:hover > a {
color: #EEF;
background:#52B2F4;

}

#nav li ul a:hover,
#nav ul li li:hover > a {
color: #EEF;
background:#52B2F4;
}



#nav li ul {
background:#A8DBFF;
left: -999em;
margin: 35px 0 0;
position: absolute;
width: 160px;
z-index: 9999;
}

#nav li:hover ul {
left: auto;
}

#nav li ul a {
background: none;
width: 120px;
}

#nav li li ul {
visibility:hidden;
}

#nav li li:hover ul {
visibility:visible;
}

Как убрать лишний отступ? (см. рис.) Никак не могу понять не могу откуда он появляется

_____________
Курс валют
Быстрый ответ:

 Графические смайлики |  Показывать подпись
Здесь расположена полная версия этой страницы.
Invision Power Board © 2001-2024 Invision Power Services, Inc.