Ja, genau das.
Ich bin jetzt soweit, dass ich das Dropdown angezeigt bekomme. Ich hatte die Höhe für die Navigation zu gering gesetzt, daher hab ich das nie gesehen.
Jetzt ist mein Problem noch, dass ich für das Dropdown die Formatierung noch nicht passend habe.
Aktuell ist es so, dass der ausgewählte bzw. der berührte Navigationspunkt farbig unterlegt wird.
1.PNG
Wenn ich in diesen Punkt eine Auswahl treffe, wird der Hauptpunkt allerdings doppelt gekennzeichnet und nicht nur einmal.
2.PNG
Hier die css, die ich für die Navigation nutze.
Code:
#header .mod_navigation {
height:500px;
left:15px;
position:absolute;
top:175px;
}
#header .mod_navigation ul {
width:auto;
float:left;
margin:0;
padding:0;
list-style-type:none;
}
#header .mod_navigation li {
width:auto;
float:left;
margin:0;
list-style-type:none;
}
#header .mod_navigation a {
display:block;
padding:15px 20px 20px;
border-right:3px solid #fff;
font-size:14px;
color:#666;
}
#header .mod_navigation span,
#header .mod_navigation .trail {
display:block;
padding:15px 20px 20px;
background-position:left bottom;
background-repeat:repeat-x;
border-right:3px solid #fff;
font-size:14px;
text-decoration:none;
color:#8c9c51;
background-image:url("files/fM_k0001/images/navigation_main_hover.gif");
}
#header .mod_navigation a:hover {
display:block;
padding:15px 20px 20px;
background-position:left bottom;
background-repeat:repeat-x;
border-right:3px solid #fff;
font-size:14px;
text-decoration:none;
color:#8c9c51;
background-image:url("files/fM_k0001/images/navigation_main_hover.gif");
}
#header .mod_navigation a:focus,
#header .mod_navigationMain a.trail {
display:block;
padding:15px 20px 20px;
background-position:left bottom;
background-repeat:repeat-x;
border-right:3px solid #fff;
font-size:14px;
text-decoration:none;
color:#8c9c51;
background-image:url("files/fM_k0001/images/navigation_main_hover.gif");
}
#header .mod_navigation .level_2 {
width:0;
height:0;
left:-32768px;
position:absolute;
overflow:hidden;
display:inline;
top:-32768px;
}
#header .mod_navigation .level_2 li {
clear:both;
}
#header .mod_navigation li:hover .level_2 {
width:auto;
height:auto;
min-width:120px;
left:auto;
top:auto;
overflow:auto;
display:block;
background-color:#E9E9E9;
z-index: 1000;
}
#header .mod_navigation .level_2 a,
#header .mod_navigation .level_2 span {
font-size:13px;
line-height:32px;
font-weight:normal;
}
Evtl. kann ja jemand damit schon etwas anfangen. Ich bin aber auch dabei die Installation auf einer Sub-Domain einzurichten, dann kann ich euch das auch live zeigen.
Schon einmal vielen Dank!
DropDown Menü Rocksolid Opensauce[Download hier]
.
Zitieren
.
Zitat von tschero
Für Dinge die man mit html5 und css3 lösen kann, braucht man kein javascript.
Dropdown klappt beim initialen Aufruf nicht untereinander auf
