CSS Menü - visibility:visible nach hover

[AukeArts]

Guten Tag zusammen,

ich habe ja schon eine Seite, die auch erst seit ein paar Wochen online ist, aber ich habe Lust etwas neues zu machen. Daher tue ich es auch einfach

Folgendes. Ich habe ein kleines Problem mit der zukünftigen Navigation. Schaut sie euch bitte erstmal an.



Nachdem man die Seite aufgerufen hat, sieht der Benutzer erstmal 3 Menüpunkte (Main, Sub, Social). Main und Social sind ausgefüllt mit Menüpunkten, welche immer sichtbar sind. Beim hovern über ein Menüpunkt in Main, erscheint jedoch ein weiterer Menüstrang bei Sub. Das Prinzip sollte klar sein. Die Herausforderung dabei liegt für mich bei der Tatsache, dass die Punkte in Sub, dann auch stehen bleiben sollen, wenn der Cursor sich vom Menüpunkt in Main entfernt. Ich weiß, dass dies mit CSS möglich ist, jedoch weiß ich derzeit nicht wie.

Ich denke, ihr könnt mir da bestimmt helfen :lol:


Grüße

 

[cebito]

AW: CSS Menü - visibility:visible nach hover

Deine HTML ist falsch, du musst es auch so einrichten, das sie WIRKLICHE Unterpunkte sind, also so:

<ul>
<li>main
  <ul>
    <li>main 1</li>
    <li>main 2</li>
  </ul>
</li>
<li>sub
  <ul>
    <li>sub 1</li>
    <li>sub 2</li>
  </ul>
</li>
</ul>

usw. Wenn du jetzt den oberen li hoverst werden sie auch stehen bleiben, weil sie sich IN dem li selbst befinden.