h. navileiste - gleiche weiten für li

[sera]

hi,

suche eine möglichkeit diese liste

<style type="text/css">
li{
display: inline;
margin: 5px;
width: 50px;
}
</style>

<ul>
<li>eins</li>
<li>zwei</li>
<li>drei</li>
<li>vier</li>
</ul>

so zu formatieren dass die <li> einträge die gleich width haben.
wenn ich display:block; schreibe haben sie die gleich länge.

vielen dank für eure hilfe und lg.

[Zeromancer]

Hallo sera,

<style type="text/css">
li{
display: inline;
margin: 5px;
width: 50px;
}
</style>

<ul>
<li>eins</li>
<li>zwei</li>
<li>drei</li>
<li>vier</li>
</ul>

du willst die li-Elemente inline setzen, um sie nebeneinander anzuordnen? Wenn ja, dann verzichte darauf, belasse es bei der Blockelement-Formatierung und lass sie floaten:

  
<style type="text/css">  
li{  
float:right;  
margin: 5px;  
width: 50px;  
}  
</style>  

Zusätzlich brauchst du am Ende dann noch ein clearendes Element, welches die Eigenschaft "float" aufhebt.

Mit freundlichen Grüßen,
André

[sera]

vielen dank !