| |
|
|
| | Нужна помощь при написании двух-уровневого меню на css:
вот его структура:
<div class="menu1"><ul>
<li><a href=#>menu1</a>
<ul> <li class="submenu2"><a href=#>submenu1.1</a></li>
<li class="submenu2"><a href=#>submenu1.2</a></li>
</ul> </li>
<li><a href=#>menu2</a></li>
</ul></div>
|
Вот к нему css:
ul {display:block; margin:0px; padding:0px}
li{list-style:none;padding:0px;}
.menu1 { background-image:url(/images/pict1.gif); width:200px}
.menu1 a{text-decoration:none; color:white; }
.menu1 a:hover{color:yellow; }
.submenu2 { background-image:url(/images/pict2.gif); position:relative; left:200px; width:50px; top:-19px;}
.submenu2 a{text-decoration:none; color:red}
.submenu2 a:hover{color:black}
|
Результат получается: вертикальное меню из двух пунктов, у первого - подменю и всё это отображается сразу, а как сделать чтобы подменю появлялось только при наведении на первый пункт меню, а в остальное время не отображалось??? | |
| |
|
