✔ Liste wird waagerecht statt senkrecht angezeigt :(

[Acriss]

Hi allerseits

Ich habe vor einiger Zeit diesen Thread eröffnet, und war auch sehr zufrieden

Das Problem ist jetzt nur das die <li> Elemente waagerecht dargestellt werden, und nicht senkrecht.
Also
Eintrag 1 Eintrag 2 Eintrag 3
anstelle von
Eintrag 1
Eintrag 2
Eintrag 3

<ul id="nav">
<li class="MenuHead">Titel</li>
<li class="MenuLink"><a href="?page=Home">Home</a></li>
</ul>
--------
ul#nav
	{list-style:none;padding:0;position:relative;}
ul#nav li
	{float:left;width:50px;}
ul#nav li a:link,ul#nav li a:active, ul#nav li a:visited
	{background-color:darkblue;color:skyblue;display:block;text-decoration:none;}
ul#nav li a:visited:hover, ul#nav li a:hover
	{background-color:skyblue;color:white;display:block;text-decoration:none;}

Please Help^ ^

 

[ojamaney]

Die Liste ist ein Block-Element.
Defeniere sie als Inline-Element, dann erscheint sie waagerecht.

display:inline;

 

[Maik]

Hi,

dass das Menü waagerecht ausgerichtet wird, liegt einfach an der float:left-Deklaration für die Listenpunkte.

 

[Acriss]

Du bist einfach ernst der Profi^^
Danke, am float hat's gelegen.