multiply submenu
-
Hey again!
I wrote yesterday about a submenu!
Now i figured out that I just used the wrong menu in settings!I have under one of the options in the menu a submenu, and in one of the options in the submenu i have a submenu too.. But the 2nd submenu isn’t showed..
I use the CSS below and again i’m not compatible with it so i need someone to include it for me.. ??
#nav a, #subMenusContainer a { display: block; text-decoration: none; } #nav a { color: #FFFFFF; float: left; font-size: 11px; font-weight: bold; margin-bottom: 0; margin-left: 0; margin-right: 0; padding: 12px 14px; text-transform: uppercase; } #subMenusContainer a, #nav li li a { background-color: #DDDDDD; color: #302F2F; font-size: 12px; padding: 6px 24px; text-align: left; text-shadow: none; } #nav li a:hover, #nav li a:focus, #nav a.mainMenuParentBtnFocused { background: none repeat scroll 0 0 #0681c4; color: #FFFFFF; } #subMenusContainer a:hover, #subMenusContainer a:focus, #subMenusContainer a.subMenuParentBtnFocused { background-color: #E9E9E9; color: #302F2F; text-shadow: none; } .subMenuParentBtn { background: url("../img/arrow_right.gif") no-repeat scroll right center transparent; } .subMenuParentBtnFocused { background: url("../img/arrow_right_over.gif") no-repeat scroll right center transparent; } .mainMenuParentBtn { } .mainMenuParentBtnFocused { } .smOW { display: none; margin: 0 0 0 -2px; overflow: hidden; padding: 0 2px; position: absolute; } #nav, #nav ul, #nav ol, #subMenusContainer ul, #subMenusContainer ol { line-height: 1em; list-style: none outside none; margin: 0; padding: 0; } #nav ol, #nav ul, #subMenusContainer ul, #subMenusContainer ol { background: none repeat scroll 0 0 transparent; left: 0; } #nav li { border-right: 1px solid #333333; cursor: pointer; display: inline; float: left; height: 35px; margin: 7px 0 0; padding: 0; } #nav li:first-child { background: none repeat scroll 0 0 transparent; } #subMenusContainer li { list-style: none outside none; } #nav { clear: both; display: block; font-size: 11px; margin: 0 auto; overflow: hidden; text-shadow: 0 1px 0 #000000; width: 916px; } #nav .children { display: none; } #subMenusContainer { display: block; height: 0; left: 0; overflow: visible; position: absolute; top: 0; width: 100%; z-index: 1000000000; }
- The topic ‘multiply submenu’ is closed to new replies.