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
Lesezeichen