Thema: Submenus automatisch bei Hover ausklappen nicht möglich?

Hallo,

sicherlich ist dies möglich

du gibst deinem

Code:

ul.menu ul
{
visibility:hidden;
}

und wenn du nun ein hover haben willst das ausklappt dann musst du zum Beispiel

Code:

ul.menu li:hover ul
{
visibility:visible;
}

vorher muss natürlich das Untermenü dementsprechend positioniert sein

So in der Art kannst Du dies umsetzen

Gruss Ralf

Das verschwinden klappt, aber wie bringe ich es wieder zum Vorschein?

So sieht mein Menu-Hover aus:

Code:

.moduletable_horiz li a:hover{
	color:#FFFFFF;
	text-decoration:none;
	display:block;

}

und so das Submenu:

Code:

.moduletable_horiz li ul{
	visibility:hidden;
	margin:0;
	padding:0;
		background:#0070FF;
		border-top:1px solid #0000CC;
		border-left:1px solid #0000CC;
		border-right:1px solid #0000CC;
		border-bottom:1px solid #0000CC;
		display:block;
		height:auto;
		width:auto;
		filter:alpha(opacity=90);
		opacity:0.90;
		position:absolute;
		z-index:200;
		}

Versucht habe ich:

Code:

.moduletable_horiz li a:hover li lu{
	visibility:visible;
}

Irgendwas mach ich noch falsch

versuche es hiermit

Code:

.moduletable_horiz li a:hover ul{
	visibility:visible;
}

Du darfst ja nicht die Listeneinträge ( li ) ansprechen, sondern Du musst die gesamte Liste ( ul ) ansprechen,

Das heisst ... wenn li a:hover dann soll ul erscheinen.

Gruss

Klappt so leider nicht:(

kenne leider nicht Deinen ganzen Aufbau, aber man könnte dies auch via display realisieren.

lass mal das visibility weg und arbeite mit display:none in deiner li ul Anweisung

Code:

.moduletable_horiz li ul
{
margin:0;
padding:0;
background:#0070FF;
border-top:1px solid #0000CC;
border-left:1px solid #0000CC;
border-right:1px solid #0000CC;
border-bottom:1px solid #0000CC;
display:none;
height:auto;
width:auto;
filter:alpha(opacity=90);
opacity:0.90;
position:absolute;
z-index:200;
}

Code:

.moduletable_horiz li:hover ul
{
display:block;
}

also wenn das verschwinden klappt, muss auch das hover funktionieren

Also irgendow ist da der Wurm drinn:

Meine Liste sieht so aus:

PHP-Code:

<div id="horizontal">
              <div class="moduletable_horiz">
                <ul class="menu" id="horizontalMenu">
                    <li class="item1"><a href="wwwxy.ch"><span>Home</span></a></li>
                    <li class="parent item2"><a href="/bucher/index.php?option=com_content&amp;view=article&amp;id=1&amp;Itemid=2"><span>Produkte</span></a></li>
                    <li id="current" class="parent active item7"><a href="/bucher/index.php?option=com_content&amp;view=article&amp;id=1&amp;Itemid=7"><span>Downloads</span></a>
                        <ul>
                            <li class="item8"><a href="/bucher/index.php?option=com_content&amp;view=article&amp;id=1&amp;Itemid=8"><span>Typ 5</span></a></li>
                            <li class="item19"><a href="/bucher/index.php?option=com_content&amp;view=article&amp;id=1&amp;Itemid=19"><span>Typ 130</span></a></li>
                        </ul>
                    </li>
                    <li class="item20"><a href="/bucher/index.php?option=com_content&amp;view=article&amp;id=1&amp;Itemid=20"><span>Über uns</span></a></li>
                    <li class="item21"><a href="/bucher/index.php?option=com_content&amp;view=article&amp;id=1&amp;Itemid=21"><span>Kontakt</span></a></li>
                    <li class="item22"><a href="/bucher/index.php?option=com_content&amp;view=article&amp;id=1&amp;Itemid=22"><span>Intern</span></a></li>
                </ul>    
        </div>
     
</div> 


Wenn du mit display arbeitest, kommt so wieder dein Untermenü zum Vorschein

Code:

.moduletable_horiz ul li ul
{
display:none;
}

.moduletable_horiz ul li:hover ul
{
display:block;
}

die erste Anweisung versteckt Dein Untermenü, die zweite holt es zum Vorschein

Gruss

Beinahe hätte ich was vergessen, denkst Du daran dein Menümodul eingestellt sein muss auf

Untermenüs immer anzeigen "ja"

Gruss

Hi, ja, die Untermenüs sind automatisch ausgeklappt. Allerdings funktioniert nach wie vor nur das verstecken der Menüs. Beim Hover wollen sie einfach nicht erscheinen...ich verstehs einfach nicht