Suckerfish zweite Ebene nebeneinander?

**teccno** · 20.04.2010, 12:01

Hallo,

ich habe das Forum hier und Google lange durchsucht, finde aber keine Lösung für mein kleines Problem.

Ich habe eine horizontale Suckerfish-Navi mit zwei Ebenen. Sieht an sich toll aus, nur leider sind die Menüpunkte der zweiten Ebene untereinander, ich hätte sie gerne nebeneinander. Ich kriege das ums Verrecken nicht hin. Wahrscheinlich ist es ganz einfach, aber für ein wenig Starthilfe von Euch wäre ich echt dankbar!

Hier ein Bild, wie es momentan aussieht:

Und hier der CSS-Code, der dafür hinterlegt ist:

Code:

#suckerfish{width:auto;position:static;}
#header .inside{position:static;}
#suckerfish ul.level_1,#suckerfish ul.level_1 ul{margin:0 0 0 5px;padding:0;line-height:20px;z-index: 9999;list-style: none;}
#suckerfish ul.level_1 li ul ul{margin:-80px 0 0 80px;}
#suckerfish ul.level_1 li{width:70px;float:left;}
#suckerfish ul.level_1 li ul{width:80px;left:-999em;position:absolute;}
*:first-child+html #suckerfish ul.level_1 li ul{display:none;}
#suckerfish ul.level_1 li:hover ul ul,#suckerfish ul.level_1 li.sfhover ul ul,#suckerfish ul.level_1 li:hover ul ul ul,#suckerfish ul.level_1 li.sfhover ul ul ul{left:-999em;}
*:first-child+html #suckerfish ul.level_1 li:hover ul ul,*:first-child+html #suckerfish ul.level_1 li.sfhover ul ul,*:first-child+html #suckerfish ul.level_1 li:hover ul ul ul,*:first-child+html #suckerfish ul.level_1 li.sfhover ul ul ul{display:none;}
#suckerfish ul.level_1 li:hover ul,#suckerfish ul.level_1 li.sfhover ul,#suckerfish ul.level_1 li li:hover ul,#suckerfish ul.level_1 li li.sfhover ul,#suckerfish ul.level_1 li li li:hover ul,#suckerfish ul.level_1 li li li.sfhover ul{left:auto;}
*:first-child+html #suckerfish ul.level_1 li:hover ul,*:first-child+html #suckerfish ul.level_1 li.sfhover ul,*:first-child+html #suckerfish ul.level_1 li li:hover ul,*:first-child+html #suckerfish ul.level_1 li li.sfhover ul,*:first-child+html #sucke{display:block;}

Wer kann mir helfen?

Vielen Dank!

Teccno

**ferni** · 20.04.2010, 12:10

Habs nicht getestet aber könnte funktionieren:

HTML-Code:

#suckerfish ul.level_2 li {float:left;}

Grüße,
Jo

**teccno** · 20.04.2010, 12:17

Danke für die Idee, aber leider geht das nicht.

Die Idee hatte ich auch schon, habe sie in den verschiedenen Varianten (ul, li, li ul, li ul ul) probiert, es passiert aber rein gar nichts...

**ferni** · 20.04.2010, 12:22

Hm, bin leider selbst kein CSS-Spezialist aber ich kann dir Firebug zum On-Screen bearbeiten des CSS empfehlen, solange probieren bis es passt -> kopieren und rein damit in die menu.css.

Aber meines Wissens nach muss es "float" hinauslaufen - hast du einen Link zur Seite?

**teccno** · 20.04.2010, 13:09

Ja, ich denke auch, dass der Kollege float damit zu tun hat. Irgendwie.

Hier der Link:

www.synchron-golf-club.de

**simplex3** · 20.04.2010, 15:27

Moin moin,
ich denke, das liegt eher an der Breite.
Gib dem zweiten Level mal eine hinreichend große Breite mit.
So in der Art:
#suckerfish ul.level_1 li.submenu ul.level_2{width: 500px;}

Bis denne..