Suckerfish Dropdown mit einzelnen Klassen?

Flattersatz

Hi,

ich habe noch eine weitere Frage bzgl eines Dropdown Menüs.

Ich hab eine Horizontale Menüleiste die wie im Bild aussieht. Jetzt möchte ich, dass dieses Menü ein Dropdownmenü bekommt, und dessen Klasse nicht das Klassenelement der "Eltern" übernimmt.

Wie bekomme ich das hin?

Irgendwie bin ich da zu blöd zu.

Grüße
David

Werbepost

Hallo!

Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
✔️ Deutsche Server & DSGVO-konform
✔️ Persönlicher Support (kein 0815-Ticket-System)

Mehr erfahren

bego

Ich habe den Versuch, ein Suckerfish Dropdown einzubauen, irgendwann entnervt aufgegeben und bin dann bei einem schönen PlugIn gelandet, mit dem ich das Menü dann spielend gemeistert habe.
Nicht unbedingt eine Antwort auf Deine Frage, aber vielleicht einen Blick wert: http://www.webspaceworks.com/resources/wordpress/30/

Grüße, Bego

Flattersatz

Hi,
habe mir das angeschaut, da steige ich ja mal gar nicht durch.

Mein Problem ist ja folgendes. Jeder Menüpunkt hat eine eigene classe, dessen backgroundgrafik eine eigene Breite hat. PEr Mouseover kommt ein Submenu und bisher ist 100% die Elternklasse vererbt worden.

Wie kann ich die Vererbung auflösen?

Siehe Grafik

und CSS:

HTML

#suckerfishnav {width:100%;}
#suckerfishnav, #suckerfishnav ul {float:left;list-style:none;line-height:40px;padding:0;margin:0;width:100%;}
#suckerfishnav a {display:block;color:#fff;text-decoration:none;padding:0px 0;}
#suckerfishnav li a {display:block;color:#fff;text-decoration:none;padding:0px 0;background: url(images/navi-about-off.png) no-repeat;}


#suckerfishnav li {float:left;padding:0;}#suckerfishnav ul {position:absolute;left:-999em;height:auto;width:151px;font-weight:normal;margin:0;line-height:1;border:0;border-top:1px solid #666666;}
#suckerfishnav li li {    width:149px;border-bottom:1px solid #666666;border-left:1px solid #666666;border-right:1px solid #666666;font-weight:bold;font-family:verdana,sans-serif;background:none;}
#suckerfishnav li li a {padding:4px 10px;    width:130px;font-size:12px;color:#fff;}
#suckerfishnav li ul ul {margin:-21px 0 0 150px;}
#suckerfishnav li li:hover {background:#1F3E9F !important;}
#suckerfishnav li ul li:hover a, #suckerfishnav li ul li li:hover a, #suckerfishnav li ul li li li:hover a, #suckerfishnav li ul li li li:hover a  {color:#dddddd;}
#suckerfishnav li:hover a, #suckerfishnav li.sfhover a {color:#dddddd;}
#suckerfishnav li:hover li a, #suckerfishnav li li:hover li a, #suckerfishnav li li li:hover li a, #suckerfishnav li li li li:hover li a {color:#dddddd;}
#suckerfishnav li:hover ul ul, #suckerfishnav li:hover ul ul ul, #suckerfishnav li:hover ul ul ul ul, #suckerfishnav li.sfhover ul ul, #suckerfishnav li.sfhover ul ul ul, #suckerfishnav li.sfhover ul ul ul ul  {left:-999em;}
#suckerfishnav li:hover ul, #suckerfishnav li li:hover ul, #suckerfishnav li li li:hover ul, #suckerfishnav li li li li:hover ul, #suckerfishnav li.sfhover ul, #suckerfishnav li li.sfhover ul, #suckerfishnav li li li.sfhover ul, #suckerfishnav li li li li.sfhover ul  {left:auto;background:#444444 !important;}
#suckerfishnav li:hover, #suckerfishnav li.sfhover {background:none;}

Alles anzeigen

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Suckerfish Dropdown mit einzelnen Klassen?

Jetzt mitmachen!