Was müsste am Code verändert werden, damit man das Menü vertikal nutzen kann? Ich habs wie folgt umgesetzt, finde es aber verwirrender, da es laut FAQ 15 heisst:
Zitat:
|
Diese stellt das Menü in horizontaler Form dar (da diese Variante aufwendiger ist, so dass sie für die vertikale Darstellung nur noch vereinfacht werden muss).
|
Das navi-Bild besteht aus den Menüpunkten vertikal angeordnet, da die Höhe jedes Menüpunktes unterschiedlich ist. Rechts daneben ist das jeweilige hover-Bild. Und das CSS sieht folgendermassen aus:
PHP-Code:
#navi #link1{height:33px;}
#navi #link2{height:25px;}
#navi #link3{height:30px;}
#navi a,#navi strong{display:block;height:100%;position:relative;overflow:hidden;}
#navi span{position:absolute;width:100%;height:100%;top:0;left:0;background:url(navi.gif);}
#navi #link1 a span{background-position:0 0;}
#navi #link2 a span{background-position:0 -33px;}
#navi #link3 a span{background-position:0 -58px;}
#navi #link1 a:hover span,#navi #link1 strong span{background-position:-166px 0;}
#navi #link2 a:hover span,#navi #link2 strong span{background-position:-166px -33px;}
#navi #link3 a:hover span,#navi #link3 strong span{background-position:-166px -58px;}
Greetz