Hallo!
Ich habe für meine neue Website eine horizontale Navigationsleiste mit Hilfe einer inline-Aufzählungsliste geschrieben.
Der letzte (ganz rechte) Menüpunkt soll eine Select-Box für die Sprachauswahl sein - das geht aber nur, wenn ich diese in ein inline-Element verwandle.
Ich will aber 4.01 strict bleiben und bin etwas einfallslos, wie ich das Problem löse.
Versucht habe ich auch schon einen rechts-gefloateten Div-Container neben der Navigation innerhalb des Header-Divs. Das funktioniert, ist aber offenbar auch nicht erlaubt?!
Hier der abgespeckte Code:
<div>
<!-- In diesem Container liegt die gesamte Seite -->
<div id="header">
<!-- Der Container für den Header -->
<ul id="nav" style="display:inline;">
<!-- Die Navigation -->
<li style="display:inline;"><a href=".">Menu1</a></li>
<li style="display:inline;"><a href=".">Menu2</a></li>
<li style="display:inline;"><a href=".">Menu3</a></li>
<li style="display:inline;">
<form action="select.html" style="display:inline">
<!-- Das Problem -->
<select name="language" size="1">
<option selected>DE</option>
<option>EN</option>
</select>
</form>
</li>
</ul>
</div>
<div id="content">
<!-- In diesem Container liegt der Inhalt -->
<h1>Überschrift</h1>
</div>
</div>
</body>
</html>