Hallo,
ich habe eine navi mit css erstellt. Horizontal mit vertikalen Untermenüs.
DIrekt unter der Navi habe ich ein Adsense Banner eingebunden (JS).
Nun werden die Unterpunkte der Navi dort wo das Banner ist überdeckt.
Welchen Parameter muss ich noch im CSS anhängen damit das nicht geschieht?
Beim Flash wars ja mit dem vm und transparent usw. aber css komme ich gerade nicht weiter.
Hier mal die betreffende CSS-Stelle:
[CODE]
#menu {list-style-type:none; margin:auto auto auto auto; padding:0; width:920px;}
#menu li {float:left; padding:0; margin:0 0 0 0; position:relative; width:100px; height:30px;}
#menu li dl {position:absolute; top:0; left:0; padding-bottom:0;}
#menu li a, #menu li a:visited {text-decoration:none;}
#menu li dd {display:none;}
#menu li a:hover {border:0;}
#menu li:hover dd, #menu li a:hover dd {display:block;}
#menu li:hover dl, #menu li a:hover dl {padding-bottom:0px;}
#menu table {border-collapse:collapse; padding:0; margin:0px;}
#menu dl {width: 100px; margin: 0; padding: 0px 0px 0px 0px; background: transparent;}
#menu dt {margin:0; padding: 0;}
#menu dd {
margin:0;
padding:0;
color: #fff;
text-align:left;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}
#menu dt a, #menu dt a:visited {
display:block;
color: #333333;
text-align:center;
padding:0.25em 0 0.75em 0;
background-color: #FFFFFF;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}
#menu li:hover dt a, #menu a:hover dt a {color:#006; background:#ddd;}
#menu dd a, #menu dd a:visited {background:#ff0000; color:#fff; padding:0.5em 0; text-decoration:none; display:block; text-align:center; border-left:1px solid #ff0000; border-right:1px solid #ff0000;}
#menu dd a:hover {background: #ddd; color:#000; border-left:1px solid #ff0000; border-right:1px solid #ff0000;}
#menu b {display:block; overflow:hidden; height:1px;}
#menu b.p4 {height:2px; background:#d4d4d4; margin:0 1px; border:0;}
#menu b.p5 {background:#ff0000; margin:0 5px;}
#menu b.p6 {background:#ff0000; margin:0 3px;}
#menu b.p7 {background:#ff0000; margin:0 2px;}
#menu b.p8 {height:2px; background:#ff0000; margin:0 1px;}
#menu li:hover b.p2, #menu a:hover b.p2 {background:#fff;}
#menu li:hover b.p3, #menu a:hover b.p3 {background:#f0f0f0;}
#menu li:hover b.p4, #menu a:hover b.p4 {background:#e8e8e8;}
[/CODE]
Wäre super wenn mir jemand auf die Sprünge helfen könnte.
Danke, CHristi24
