wenn per hover untergeordnete Elemente aufgeklappt werden, erzeugen sie entsprechend ihrer Breite in der übergeordneten Zeile eine Leerraum. Wie kann oder wie würdet ihr das verhindern - ohne Javascript.
li a { background-color:yellow; display: inline-block; text-align: center; padding: 14px 16px; text-decoration: none; }
li a:hover { background-color: red; }
nav ul { border:0px solid red; list-style-type: none; margin: 0; padding: 0; }
nav ul li { float: left; }
nav ul li ul { display: none; }
nav ul li:hover > ul { display: block; }
Hallo Elster.
Ich weiß nicht, ob ich deine Frage richtig verstehe, aber bei Listen (ul) wird nichts 'aufgeklappt'. Dazu verwendet man DropDown-Felder.
Wenn ich es so eingebe: