|
|
|
|
|
Просьба помочь знающим людям. Мне нужно чтобы меню моего сайта было дополнено вертикальным подменю.
html моего меню:
<nav>
<ul class="menu">
<li class="current"><a href="index.html">about</a></li>
<li><a href="wedding.html">Photography</a></li>
<li><a href="album.html">album</a></li>
<li><a href="links.html">links</a></li>
<li><a href="wishes.html">your wishes</a></li>
<li><a href="contacts.html">contacts</a></li>
</ul>
</nav>
css моего меню:
ul.menu {margin:0px 0px 0px 0px; display:inline-block;}
ul.menu li {float:left; line-height:24px; margin:0px 13px 0px 0px; }
ul.menu li:hover, ul.menu li.current { background:#fff; }
ul.menu li a {font-size:16px; line-height:24px; color:#fff; font-family: 'PT Sans Narrow', sans-serif; font-weight:bold; display:inline-block; text-transform:uppercase; text-shadow: 1px 1px 1px rgba(0,0,0,0.2); padding:61px 22px 13px 23px; }
ul.menu li a:hover , ul.menu li.current a { color:#000; } |
|
|
|
|
|
Нужно добавить стили для ul li ul, ul li ul li и, если display:block не через JS, а через CSS, то ul li ul:hover и ul li ul li:hover.
А вообще есть хороший онлайн-сервис для генерации меню: http://cssmenumaker.com/, я через него создаю, так гораздо быстрее  |
|
|
|
|
|
| Легко. На лишку вешаешь свой ул. |
|
|
|
|
|
|
|
|
