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

Popular posts from this blog

php - What is the difference between $_SERVER['PATH_INFO'] and $_SERVER['ORIG_PATH_INFO']? -

fortran - Function return type mismatch -

queue - mq_receive: message too long -