Liste horizontal darstellen

[petervna]

Kann ich im CSS beschreiben,
dass eine Liste (ul, beispielsweise) horizontal dargestellt wird?
Also nicht die Listeneinträge untereinander, sondern nebeneinander.

Es geht um ein horizontales Topmenu.
Bin mir gar nicht sicher, ob man da überhaupt ul verwenden soll (?).

 

[Plankton]

Ja, geht.

So sieht mein code dafür aus:

#navigation ul li {
display:inline;
}

Das ganze weist den li-Elementen im DIV "navigation" eine horizontale Anzeige zu.

mfg Plankton

 

[Prophet]

Üblicher ist es die li-Elemente floaten zu lassen.

Das würde dann so aussehen:

li
{
  float:left;
}

Dadurch bleiben die Block-Eigenschaften der Listenelemente erhalten.

Siehe dazu auch:
> css4you: float

 

[petervna]

Ah, mit display:inline.
Danke, klappt.

@ Prophet:
Hat auf Anhieb jetzt nicht geklappt, mit float.
Lohnt es sich, das mit float zu versuchen, oder kann ich's auch mit display:inline lassen?
Ich versteh grad nicht was die Block-Eigenschaften von Listenelementen sind ;)

 

[Prophet]

Hier kannst du nachlesen was der unterschied zwischen Block- und Inline-Elementen ist.

Du kannst es auch beim Inline belassen. War nur ein vorschlag.