Listenpunkte hintereinander, horizontal, nebeneinander, in einer Reihe darstellen

On3TwO · #1 (**permalink**) 31.08.2011, 17:10

Hallo!

Ich muss eine Seite nachbauen und habe einige Bausteine schon vorgegeben.

Ich habe es geschafft, dass alle Listen hintereinander angezeigt werden, ich brauche das aber nur für vereinzelte Listen.
Was also muss ich in mein Stylsheet schreiben, damit nur bestimmte Listen bearbeitet werden.

So sieht die Liste aus, die hintereinander dargestellt werden muss.

<div id="main_menu">
<ul>
<li class="active"><a href="">Start</a></li>
<li class=""><a hraf="">Funktionen</a></li>
<li class=""><a href="">Preise</a></li>
<li class=""><a href="">Anmelden</a></li>
<li class=""><a href="">Über Bill</a></li>
</ul>
</div>

Vielen Dank.

MFG!

Sinokle · #2 (**permalink**) 31.08.2011, 17:32

PHP-Code:


			
div#main_menu ul li {

    float:left;

}

PHP-Code:


			
div#main_menu ul li {

    display:inline;

}

PHP-Code:


			
div#main_menu ul li {

    display:inline-block;

}

Alle schaffen genau deinen Wunsch, die Listenelemente hintereinander darzustellen. Je nachdem, was du genau brauchst, brauchst du auch eine andere Lösung.

Praktikant · #3 (**permalink**) 31.08.2011, 18:44

Zitat:

Zitat von Sinokle

Code:

div#main_menu ul li {
    display:inline-block;
}

Diese Möglichkeit funktioniert zwar, im IE aber erst seit Version 8.

Sinokle · #4 (**permalink**) 31.08.2011, 20:34

PHP-Code:


			
div#main_menu ul li {

    display:inline-block;

    *display:inline;

    zoom:1;

}

So funktioniert es dann auch im IE7 mit der Lösung^^

On3TwO · #5 (**permalink**) 01.09.2011, 14:29

Thx!!

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Ansicht
Linear-Darstellung Zur Hybrid-Darstellung wechseln Zur Baum-Darstellung wechseln

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
Ungeordnete Listenelemente nebeneinander - Liste horizontal zentrieren	Vertical	CSS	6	27.07.2010 22:33
Geschachtelte <ul> horizontal darstellen?	troysen	CSS	3	27.01.2009 13:44
Bilder nebeneinander ohne Leerraum darstellen?	cyprus	CSS	13	19.10.2007 01:18
gelöst: <li>'s nebeneinander darstellen - Sidebar\|Cont	Unsk1ll3d	CSS	6	05.01.2006 01:12
Nebeneinander floatende DIVs horizontal zentrieren	kippe	CSS	5	01.06.2005 12:51