Listen Inhalter, nebeneinander mit css!

[100_Oktan]

Hallo Leute,

hab da ein Problem! Ich will eine Liste mit Inhalten nebeneinander und nicht unterneinander mit css deklarieren. Komm aber nicht drauf wie das untre css geht.

Hier die Tags:

<div id="navi">
<ul>
<li><a href="index.html">Home</a</li>
<li><a href="info.html">Info</a</li>
</ul>

Würde über hilfe mich freun.

 

[sokie]

AW: Listen Inhalter, nebeneinander mit css!

1.

#navi li{
display: inline;
}

oder
2.

#navi li{
width: xxpx; /*Breite für das Listenelement angeben*/
float: left; /*oder right (clearing nicht vergessen)*/
}

 

[100_Oktan]

AW: Listen Inhalter, nebeneinander mit css!

1.

#navi li{
display: inline
}

2.

#navi li{
width: xxpx; /*Breite für das Listenelement angeben*/
float: left; /*oder right (clearing nicht vergessen)*/
}

Thx, hat geklapt...man muss halt nur den richtigen fragen

 

[Silvio]

AW: Listen Inhalter, nebeneinander mit css!

<div id="navi">
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="info.html">Info</a></li>
</ul>

Berichtigt

 

[100_Oktan]

AW: Listen Inhalter, nebeneinander mit css!

Berichtigt

Wie könnte jetzt noch den Abstand zwischen Home und Info vergrößern. Die picken zusammen!?

 

[fexx]

AW: Listen Inhalter, nebeneinander mit css!

den list items einfach einen abstand rechts geben.

#navi li { margin-right: 5px; }