Hover des Hauptmenü verschwindet, wenn ich aufs Untermenü gehe

[Postpunker]

Hallo,

kurze Frage. Ich habe mir ein Dropdownmenü mittels CSS gebaut. Wenn ich nun vom Hauptmenüpunkt zu den Untermenüpunkten wechsel verschwindet das Hover des Hauptmenüpunktes.

Wie schaffe ich es, dass der bestehen bleibt, wie bei chip.de zum Beispiel?

 

[msblacky]

AW: Hover des Hauptmenü verschwindet, wenn ich aufs Untermenü gehe

Hallo,

es wäre natürlich hilfreich wenn man dazu die html und css Datei sehen könnte, so ist eine Antwort ins blaue geraten.

msblacky

 

[Postpunker]

AW: Hover des Hauptmenü verschwindet, wenn ich aufs Untermenü gehe

Gibts nicht einen einfach Trick, den man bei sowas anwenden kann?
Ich dachte, vielleicht muss man die beiden Menüebenen einfach irgendwie noch miteinander verweben?

 

[simonpicos]

AW: Hover des Hauptmenü verschwindet, wenn ich aufs Untermenü gehe

verweben?

Ich hätte dabei eher an Stricken gedacht

[STRIKE]Spaß beiseite: Sowas wie einen "parent selector" (wie er hierfür geeignet wäre) gibt es in CSS nicht. (Meine mal gelesen zu haben, dass dieser mit CSS4 eingeführt werden soll ...)
Eine andere Möglichkeit das zu lösen fällt mir jetzt auch nicht ein. Musst du wohl auf Javascript zurückgreifen.[/STRIKE]

edit: fehlinformation, erklärung siehe weiter unten.

 

[Postpunker]

AW: Hover des Hauptmenü verschwindet, wenn ich aufs Untermenü gehe

Schade eigentlich.
Aber bis das dann wieder Standard ist, dauerts auch wieder ein halbes Jahrzehnt...

 

[simonpicos]

AW: Hover des Hauptmenü verschwindet, wenn ich aufs Untermenü gehe

Vieles von CSS3 ist ja noch nicht so verbreitet, als dass man es sicher verwenden könnte.

Ich hab gerade mal ein bisschen gesucht und den besagten Artikel wiedergefunden. Falls es dich (oder jeden anderen hier ) interessiert: http://www.webkrauts.de/2011/12/22/dreimal-css4-zum-mitnehmen/

Unten steht was zu den Selektoren.

 

[Myhar]

AW: Hover des Hauptmenü verschwindet, wenn ich aufs Untermenü gehe

Hä? Wieso kommst du hier mit parent Selectoren simon?
Entweder ich brauch noch einen Kaffee oder er will einfach, dass das hover beim hauptmenüpunkt bestehen bleibt.

<ul>
<li>
Testpunkt
<ul><li>Unterpunkt</li></ul>
</li>

ul li:hover{background-color:meine-tolle-Farbe}
ul ul{display:none}
ul li:hover ul{display:block}

Das ist der "Trick", den man braucht. Ein semantisch sinnvolles HTML, dann bleibt der Hovereffekt auch bestehen.

 

[simonpicos]

AW: Hover des Hauptmenü verschwindet, wenn ich aufs Untermenü gehe

Also soweit ich den te verstanden habe, möchte er, dass der hover-effekt dieses Links (siehe Bild) bestehen bleibt, wenn man mit der Maus schon im Submenu ist.
http://i.imgur.com/wQgeg.jpg
Die live-version hier (link bitte nicht weiterverbreiten, danke)

Oder hab ich das falsch verstanden?
Weil das würde nur mit einem parent-selector gehen. Oder hab ich da grad nen üblen Knick im Gedankengang?

 

[Myhar]

AW: Hover des Hauptmenü verschwindet, wenn ich aufs Untermenü gehe

Trotzdem, mit dem korrekten CSS muss das doch auch ohne parent-Selektor möglich sein. Habe nicht gesehen, dass er genau die Struktur verwendet (ein a-tag zusätzlich zu meinem Bsp)


Hier ist . Und da war CSS3 noch nicht wirklich ein Thema ;-)
Du musst das CSS einfach nur anpassen:

ul li:hover a{color:red;}

Oder hab ich den Knick im Gedankengang?

 

[simonpicos]

AW: Hover des Hauptmenü verschwindet, wenn ich aufs Untermenü gehe

*facepalm*

Erst denken, dann schreiben

Sorry, mein Fehler, hab da nicht wirklich weit genug gedacht. In meinem Beispiel habe ich den hover-effekt direkt auf den Link bezogen, daher funzt das nicht.