REDAXO Forum

Hallo,

ich bekomme es nicht gebacken:

Hier ist meine Seite

Ich hätte gerne eine drop-down-Navigation und habe dazu folgenden CSS-Code verwendet.

Code: Alles auswählen

#mainnav { text-align: center; display: block; padding:0 20px;}
#mainnav li {position: relative;}
#mainnav a { text-decoration: none; text-align: center; display: block; }
#mainnav ul { margin-top: 5px; display: inline-block; list-style-type: none; height: 25px; background: #9e0000; }
#mainnav ul li {background: #9e0000; display: inline-block; }
#mainnav ul li a { text-decoration: none; display: block; float: left; padding-right: 10px; padding-left: 10px; margin-top: 0px; color: #cccccc; }
#mainnav ul li a.rex-current { color: #ffffff; text-decoration: underline; }
#mainnav ul li a.rex-active { color: #ffffff; text-decoration: underline; }
#mainnav ul li:hover ul {display: block; margin-top: 30px; padding: 0px;}
#mainnav ul li a:hover { text-decoration: underline; color: #FFFFFF; }
#mainnav ul ul { position: absolute; z-index: 2; display: none;}

Zwar klappen bei "Galerie" die Untermenüpunkte auf, sie sind aber
a) nicht klickbar und
b) viel zu weit auseinander.

Was mache ich falsch? Ich hab auch schon firebug bemüht, mir fehlt aber der letzte Schritt...

Danke für eure Hilfe.

Sowas vernünftig cross-Browser hinzukriegen ist gar nicht mal ohne. Anstatt dir selbst was zu basteln, solltest du eine fertige und erwiesenermaßen funktionierende Lösung verwenden, z.B. die hier:
http://www.htmldog.com/articles/suckerfish/dropdowns/

Danke. Ich hab das auch nicht selbst erfunden sondern angepasst. Die Einbindung von jquery u.a. für die "alten" Browser kommt noch.

Mittlerweile habe ich aber meinen Fehler auch gefunden:

Code: Alles auswählen

#mainnav ul li a { text-decoration: none; display: block; padding-right: 10px; padding-left: 10px;

Durch Entfernen von float: left; läuft alles wunschgemäß. Jetzt komen die anderen Browser dran.

REDAXO Forum

dropdown klappt nicht

dropdown klappt nicht

Re: dropdown klappt nicht

Re: dropdown klappt nicht