CSS Dropdown Menu, Visible not working -
edit: incase in future finds found solution change using visibility: display: , in code
visibiliy:hidden; becomes display:none; visibiliy:visible; becomes display:block;
have not ever found out why visibility doesn't work on 4th nesting atleast appears fix it
hi guys,
i working dropdown menu created using css , lists. working fine reason 4th level of menu not listening visibility:hidden; command. according element inspector element listed being enabled not doing it.
an example here: http://dev.hutchup.com/test/css-dropdown.htm
i wont past code log , can see @ link above
as can see first level 2 link when hovered on displays level's 3 , 4 when should display 3, , when li in 3 rolled on display 4th level.
i know there many easier ways this/ prebuilt thing need way can use acl component joomla , have menu items not display .
ive spent hours , cant fixed thank in advance!
not sure, many levels of nesting scary business , in day , age better handled simple javascript fallback (especially if it's tons of nested levels), although did notice 2 things ;
- it looks me you're not specifying styles fourth level. may want add few see if problem.
- you've got css looks ;
.moduletable_topmenu ul.menu li.item69 { height: 2.5em; } */ /* .moduletable_topmenu ul.menu li.item89 { height: 3.7em; } .moduletable_topmenu ul.menu li.item89 { height: 2.5em; } these li.item[n] items either leftover else or future ideas not implemented, not apply menu in question.
Comments
Post a Comment