Antworten auf deine Fragen:
Neues Thema erstellen

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

Postpunker

Nicht mehr ganz neu hier

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

Helper

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

Nicht mehr ganz neu hier

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

Mod | Forum

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


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.
 
Zuletzt bearbeitet:

Postpunker

Nicht mehr ganz neu hier

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...
 

Myhar

Hat es drauf

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.
Code:
<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

Mod | Forum

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? :D
 

Myhar

Hat es drauf

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:
Code:
ul li:hover a{color:red;}

Oder hab ich den Knick im Gedankengang?
 

simonpicos

Mod | Forum

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

*facepalm*

Erst denken, dann schreiben :D

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.
 
Bilder bitte hier hochladen und danach über das Bild-Icon (Direktlink vorher kopieren) platzieren.
Antworten auf deine Fragen:
Neues Thema erstellen

Willkommen auf PSD-Tutorials.de

In unseren Foren vernetzt du dich mit anderen Personen, um dich rund um die Themen Fotografie, Grafik, Gestaltung, Bildbearbeitung und 3D auszutauschen. Außerdem schalten wir für dich regelmäßig kostenlose Inhalte frei. Liebe Grüße senden dir die PSD-Gründer Stefan und Matthias Petri aus Waren an der Müritz. Hier erfährst du mehr über uns.

Stefan und Matthias Petri von PSD-Tutorials.de

Nächster neuer Gratisinhalt

03
Stunden
:
:
25
Minuten
:
:
19
Sekunden

Flatrate für Tutorials, Assets, Vorlagen

Zurzeit aktive Besucher

Statistik des Forums

Themen
118.614
Beiträge
1.538.349
Mitglieder
67.525
Neuestes Mitglied
mgtaucher
Oben