• Resolved Rovsing

    (@rovsing)


    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.