Najlepsza odpowiedź Yeoman, 19 kwietnia 2014 - 17:00
Na początek poleciłbym zbudować to menu na listach.
<ul class="navigation"> <li id="przycisk"> <a href="">Home</a> </li> <li id="przycisk2"> <a href="">STYLE</a> </li> <li id="przycisk"> <a href="">Kontakt</a> </li> </ul>
Jeśli chodzi o menu rozwijane to musisz dodać do itemu, kolejną, zagnieżdżoną listę menu. Przykład:
<ul class="navigation"> <li id="przycisk"> <a href="">Home</a> <ul class="subnav"> <li class="sublink"> <a href="#">sublink</a> </li> </ul> </li> <li id="przycisk2"> <a href="">STYLE</a> </li> <li id="przycisk"> <a href="">Kontakt</a> </li> </ul>
Domyślnie w CSS dajesz aby .subnav był ukryty czyli:
.subnav { display: none; }
A po najechaniu na rodzica dajesz w tym przypadku:
#przycisk:hover > .subnav { display: block; }
Oczywiście będziesz musiał ostylować takowe menu przykładowo na wyświetlanie absolutne względem rodzica.
Menu dla tego przykładu: http://jsfiddle.net/DV7Pk/1/
Pozdrawiam
Przejdź do postu