Hallo deGobbis,
vielen Dank für deinen Link.
Ich möchte gern ei dem Code leien, den ich jetzt habe, da alles soweit funktioniert, bis auf das einlenden des Untermenüs.
Und ich denke, es ist einfach nur ein Syntaxfehler, das ich das untergeordnete ul nicht richtig anspreche.
Das auslenden klappt ja, nur das einlenden eim hover will noch nicht...
Hier sonst noch mal ein Ausschnitt aus der HTML:
<div id="header"><div class="main"><div class="moduletable"><ul id="nav-menu" class="nav menu"><li class="item-101 current active"><a href="/"></li><li class="item-113 deeper parent"><a href="/index.php/agb-blw">Test<span></span></a><ul class="nav-child unstyled small"><li class="item-124"></ul></li><li class="item-114"><li class="item-122"></ul></div></div>
Im CSS Teil habe ich das Untermenü so ausblenden können:
ul#nav-menu .nav-child.unstyled.small { background-image: url(../images/sidebar-bgd.png); position:absolute; display:none; float:left; clear:both; width:100px; height:30px; margin:35px 0px 0px 60px; z-index:1;}
Und den hover einblend Effekt versuche ich so:
ul#nav-menu .nav-child.unstyled.small li:hover { background-image: url(../images/sidebar-bgd.png); position:absolute; display:block; float:left; clear:both; width:100px; height:30px; margin:35px 0px 0px 60px; z-index:1;}
Habe alles mögliche probiert,
ul#nav-menu .nav-child.unstyled.small li:hover ul
ul#nav-menu li:hover ul
#nav-menu ul ul li:hover
Und so weiter... ist eher ein raten...
Desshalb hilft mir ein Tutorial nicht viel, da ich die Regel der hierarchie nicht verstehe, hab ein Nachschlagebuch, geht da auch nicht draus hervor...
Für weitere Hilfe wäre ich sehr Dankbar
Gruß,
tru