Guten Morgen
Ich stehe auf dem Schlauch und komme nicht weiter. Ich habe eine CSS Dropdown Navigation erstellt, angelehnt an die bekannte von Peter Müller. Es wird auch alles richtig anzeigt, nur hoovert das Ding nicht. Also die zweite Ebene erscheint nicht. Ich habe schon etliche Tipps aus anderen Beiträgen versucht, aber leider ohne Erfolg. Vielleicht sieht ja einer der Cracks das Problem gleich auf den ersten Blick...
Der Navi-CSS-Code:
Code:
#header .mod_navigation {
display:block;
margin-top:0;
padding-right:0;
padding-left:5px;
background-color:#39c;
color:#fff;
}
#header .mod_navigation ul {
float:left;
margin:0;
padding:0;
list-style-type:none;
}
#header .mod_navigation li {
float:left;
margin:0;
}
#header .mod_navigation a,
#header .mod_navigation span {
display:block;
margin-right:20px;
margin-left:20px;
line-height:44px;
text-decoration:none;
color:#fff;
}
#header .mod_navigation .active,
#header .mod_navigation .trail {
font-weight:bold;
color:#34495e;
}
#header .mod_navigation a:hover,
#header .mod_navigation a:focus {
text-decoration:underline;
color:#34495e;
}
#header .mod_navigation .level_2 {
width:0;
height:0;
right:-32768px;
top:-32768px;
position:absolute;
overflow:hidden;
display:inline;
}
Ebene bei mouseover anzeigen
#header .mod_navigation li:hover .level_2 {
overflow:auto;
display:block;
width: auto;
height: auto;
left: auto;
top: auto;
z-index: 1000;
}
#header .mod_navigation .level_2 li {
margin-right:10px;
border-bottom:1px solid #34495e;
}
Aktiviert sind jQuery und das Layout-Builder CSS. Die Navi ist Standard, ohne Zusätze, Stoplevel und Hardlevel alles auf 0.
Danke für Eure Hilfe und viele Grüsse
Wolki
Lesezeichen