Horizontale Liste mit breiteren Unterpunkten
Hallo,
mal wieder ein Szenario. :) Ich habe eine horizontale Liste erstellt wo beim Hover auf die Menüpunkte jeweils eine vertikale Liste erscheint. Nun ist es aber so das die horizontale Liste nun breiter ist als das obere Element, der Menüpunkt. Ein Bild dazu: http://www.korasu.de/prob.jpg Das die horizontale Liste beim Hovereffekt wieder auftaucht stellt für mich keine Probleme dar. Da sie nun breiter ist als der Menüpunkt zudem sie gehört, springt der Menüpunkt nun aus der Liste, da die breiten der anderen Menüpunkte dagegen konkurieren. http://www.korasu.de/prob2.jpg Zudem sollte der Hovereffekt des Menüpunkts solange sichtbar sein wie die Maus auf dem horizontalen Menüpunkt ist. Wie stell ich das an? Mal ein Auszug aus meine Code: HTML-Code:
<ul class="topicnavi"> HTML-Code:
ul.topicnavi { |
Hi,
sorry, aber selbst nach dem fünften Mal des Lesens Deiner Frage habe ich nicht verstanden, was Du gerne möchtest. :? So wie in der oberen Graphik soll es aussehen und so wie in der zweiten sieht es aus? Oder wie? Hättest Du vielleicht sogar noch einen Link zur Seite? |
Nimm mal die 101px Breite für a raus und vergib ul ul 100% Breite.
Ansonsten wäre ein Blick in Stu Nicholls Menüs eine Anregung. |
Solche Submenüs sollte man mit position: absolute; erstellen, damit der andere Inhalt nicht springt, sobald das Menü erscheint.
|
Alle Zeitangaben in WEZ +2. Es ist jetzt 14:29 Uhr. |
Powered by vBulletin® Version 3.8.11 (Deutsch)
Copyright ©2000 - 2024, vBulletin Solutions, Inc.
© Dirk H. 2003 - 2023