|
|
|
|
![]()
jusava1982 + +
Опытный |
Зарегистрирован: 20.12.2012
Сообщений: 162
|
Обратиться по нику
|
| jusava1982 + + |
Ответить с цитатой | | |
|
Просьба помочь знающим людям. Мне нужно чтобы меню моего сайта было дополнено вертикальным подменю.
html моего меню:
<nav>
<ul class="menu">
<li class="current"><a href="index.html?quot;>about</a></li>
<li><a href="wedding.html?quot;>Photography</a></li>
<li><a href="album.html?quot;>album</a></li>
<li><a href="links.html?quot;>links</a></li>
<li><a href="wishes.html?quot;>your wishes</a></li>
<li><a href="contacts.html?quot;>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; } |
|
|
|
|
|
|
![]()
Yabuti
V.I.P. |
Зарегистрирован: 28.11.2008
Сообщений: 16263
|
Обратиться по нику
|
| Yabuti |
Ответить с цитатой | | |
|
Нужно добавить стили для ul li ul, ul li ul li и, если display:block не через JS, а через CSS, то ul li ul:hover и ul li ul li:hover.
А вообще есть хороший онлайн-сервис для генерации меню: http://cssmenumaker.com/, я через него создаю, так гораздо быстрее  |
|
|
|
|
|
Ксен ВПС и выделенные серверы от PQCService.net с бесплатным администрированием в 7 локациях, icq: 87244588
-- |
![]()
the matrixx + + +
Гуру |
Зарегистрирован: 15.04.2015
Сообщений: 1434
|
Обратиться по нику
|
|
|
|
|
|
|
Партнеры
|
