Вертикално 3-слойно падащо меню

lam3r4370

Registered
Имам следният код:
HTML:
<ul id="nav">
<ul class='parent'><li class="smt"><a href="#">cat1</a></li><ul class='child child1 '><li class="smt"><a href="#">cat1.1</a></li><li class="smt"><a href="#">cat1.2</a></li><ul class='child child2 '><li class="smt"><a href="#">cat1.2.1</a></li><ul class='child child3 '><li class="smt"><a href="#">cat1.2.1.1</a></li></ul></ul><li class="smt"><a href="#">cat1.3</a></li><li class="smt"><a href="#">cat1.4</a></li></ul><li class="smt"><a href="#">cat2</a></li><ul class='child child1 '><li class="smt"><a href="#">cat2.1</a></li></ul></ul>
,но не мога да направя вертикално пазащо меню, справям се с хоризонталното, но не мога да разбера разликата при вертикалното :D
Можете ли да ми дадете насоки как да стане, но без да променям структурата на html кода?
 
Аз бих ти препоръчал да използваш Superfish jQuery.
Виж с твоя код как изглежда:
http://jsfiddle.net/v5fWL/

Като просто съм добавил css кода от superfish, за да работи всичко нормално. Ако искаш може да си изчистиш излишното :)
 
adrian каза:
Аз бих ти препоръчал да използваш Superfish jQuery.
Виж с твоя код как изглежда:
http://jsfiddle.net/v5fWL/

Като просто съм добавил css кода от superfish, за да работи всичко нормално. Ако искаш може да си изчистиш излишното :)
Аз си оправих проблема, но нещо hover не работи под chrome, въпреки че съм с най-новата версия.На какво се дължи и как да го фиксна? В краен случай ще използвам superfish
PS: Оправих се. :) Проблемът за chrome е бил в float:left :)
 

Горе