Пример Вы можете посмотреть здесь, в объявлении
В вверх ставим:
Код:
<style type="text/css">
#nav, #nav ul {
list-style: none;
margin: 0px;
padding: 0;
border: 0px solid #4a681e;
background: #4a681e;
float: left;
width: 190px;
}
#nav li {
float: left;
position: relative;
background: #4a681e;
back\ground: none;
}
#nav li ul {
display: none;
}
#nav a {
color: #d8f968;
text-decoration: none;
display: block;
width: 170px;
padding: 4px 10px;
background: #4a681e;
}
#nav a:hover {
color: #0080ff;
background: #4a681e;
}
#nav li:hover {
background: #4a681e;
}
#nav li ul {
display: none;
position: absolute;
background: #4a681e;
padding: 8px 0;
width: 190px;
}
#nav li li a {
width: 170px;
background: #4a681e;
}
#nav li:hover ul {
display: block;
}
#nav li:hover li ul {
display: none;
width: 170px;
}
#nav li:hover li:hover ul {
display: block;
}
</style>Этот код ставите там, где Вам нужно выпадающее меню:
Код:
<ul id="nav">
<li><A href="">название меню</A>
<ul>
<li><a href="адрес ссылки"target="_blank">название ссылки</a></li>
<li><a href="адрес ссылки"target="_blank">название ссылки</a></li>
<li><a href="адрес ссылки"target="_blank">название ссылки</a></li>
<li><a href="адрес ссылки"target="_blank">название ссылки</a></li>
</ul>
</li>
</ul>К сожалению я не знаю CSS, поэтому действовал методом тыка. В верхнем коде менял параметры width: - влияет на ширину меню и параметры background: - если вставлять коды цвета, то меняется цвет под ссылкой меню и параметры color: - влият на цвет самой ссылки при наведении мышки и без наведения (Обратите внимание - этих параметров там несколько.
