Einzelnen Beitrag anzeigen
  #1  
Alt 22.08.07, 18:16
markus306 markus306 ist offline
Forum Newbie
 
Registriert seit: 13.08.07
Alter: 24
Beiträge: 38

Horizontales DROPMENU kommt in den content


Hallo wie man auf dem Bild sehen kann habe ich einen Darstellungsfehler. Das Menü wird von Bilder und Movieclips überdeckt.

Anbei mein TS CODE und CSS. Habe schon mit z-index was probiert, aber hat leider nicht geholfen.



Code:
tmp.menu = HMENU
tmp.menu {

    1 = TMENU
    1 {
        expAll = 1
        wrap = <ul id="nav">|</ul>
        noBlur = 1
        NO = 1
        NO.wrapItemAndSub = <li>|</li>

        IFSUB = 1
        IFSUB.wrapItemAndSub = <li class="menuparent">|</li>
        ACTIFSUB < .IFSUB
    }
    2 < .1    
    2.wrap = <ul>|</ul>

    3 < .2
    4 < .2
}
HTML-Code:
#nav {
    z-index:999;
    width:705px;
}

 
 
#nav, #nav ul {
    float: left;
    
    list-style: none;
    line-height: 20px;
    background: #6E82A0;
    color: #FFF;
    font-size:11px;
    font-weight:normal;
    padding: 0;
}
 
#nav li li {
    background:#6E82A0;
}
 
#nav a {
    display: block;
    
    color: #FFF;
    text-decoration: none;
}

 
#nav li {
    float: left;
    padding: 0px 10px;
}
 
#nav ul li a {
    color: #FFF;
    font-size:11px;
    font-weight:normal;
}
 
#nav li ul {
    position: absolute;
    left: -999em;
    height: auto;
    width: 140px;
    font-weight: normal;
    margin: 0;
}
 
#nav li li {
    width: 140px;
}
 
#nav li ul a {
}
 
#nav li ul ul {
    margin: -21px 0 0 150px !important;
    margin: -21 0 0 130px ;
    border-left: 1px solid #A0B4BE;
}




#nav li ul  {
    margin: 0px 0 0 -10px !important;
    margin: 0 0 0 -10px ;
    border-top: 1px solid #A0B4BE;
}



 
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
    left: -999em;
}
 
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
    left: auto;
}
 
#nav li li:hover,#nav li li:active, #nav li li.sfhover {
    background: #28325A;
}
 

 
#nav li li a {
    padding-left:0px;
}
 
#nav li ul  {
    background-image: none;
}
Mit Zitat antworten