Hallo,
ich bin absoluter Anfänger und probiere grad bisschen mit den Möglichkeiten von HTML/CSS rum (wenn möglich ohne PHP/JS, das kommt später).
1. ich möchte ein aufklappbares Menü erstellen. (Anleitung habe ich von hier) Bis zur 2. Ebene funktioniert es, aber wenn ich einen noch tieferen Punkt öffnen möchte (A11) wird der Punkt nur ganz kurz angezeigt, aber das komplette Menü schließt sich kurz darauf:
2.
Wie erstelle ich ein Menü, das "über" dem Hauptfeld liegt (bzw. wonach muss ich googeln)? Bsp. das Menü, das hier über einen hover-Effekt angezeigt wird.
ich bin absoluter Anfänger und probiere grad bisschen mit den Möglichkeiten von HTML/CSS rum (wenn möglich ohne PHP/JS, das kommt später).
1. ich möchte ein aufklappbares Menü erstellen. (Anleitung habe ich von hier) Bis zur 2. Ebene funktioniert es, aber wenn ich einen noch tieferen Punkt öffnen möchte (A11) wird der Punkt nur ganz kurz angezeigt, aber das komplette Menü schließt sich kurz darauf:
Code:
<nav> <ul> <li id="A"> <a href="#A">A</a> <ul> <li id="A1"> <a href="#A1">A1</a> <ul> <li>A11</li> </ul> </li> </ul> </li> </ul> </nav>
Code:
nav ul li ul{ max-height: 0px; overflow: hidden; transition: max-height 0.3s ease-out; } nav ul li:target > ul { max-height: 200px; }
Wie erstelle ich ein Menü, das "über" dem Hauptfeld liegt (bzw. wonach muss ich googeln)? Bsp. das Menü, das hier über einen hover-Effekt angezeigt wird.
Kommentar