Listenpunkte hintereinander, horizontal, nebeneinander, in einer Reihe darstellen

On3TwO · #1 (**permalink**) 31.08.2011, 16: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, 16: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, 17: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, 19: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, 13:29

Thx!!

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