zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > (X)HTML
Seite neu laden Listenpunkte hintereinander, horizontal, nebeneinander, in einer Reihe darstellen

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 31.08.2011, 17:10
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 31.08.2011
Beiträge: 6
On3TwO befindet sich auf einem aufstrebenden Ast
Frage Listenpunkte hintereinander, horizontal, nebeneinander, in einer Reihe darstellen

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!
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 31.08.2011, 17:32
do{ atmen(); }while(!tot)
XHTMLforum-Mitglied
 
Registriert seit: 03.08.2011
Beiträge: 103
Sinokle befindet sich auf einem aufstrebenden Ast
Standard

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.
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 31.08.2011, 18:44
Benutzerbild von Praktikant
Semantikbremse.
XHTMLforum-Kenner
 
Registriert seit: 22.04.2008
Beiträge: 4.985
Praktikant kann auf vieles stolz seinPraktikant kann auf vieles stolz seinPraktikant kann auf vieles stolz seinPraktikant kann auf vieles stolz seinPraktikant kann auf vieles stolz seinPraktikant kann auf vieles stolz seinPraktikant kann auf vieles stolz seinPraktikant kann auf vieles stolz seinPraktikant kann auf vieles stolz sein
Standard

Zitat:
Zitat von Sinokle Beitrag anzeigen
Code:
div#main_menu ul li {
    display:inline-block;
}
Diese Möglichkeit funktioniert zwar, im IE aber erst seit Version 8.
__________________
Rettet die Erde.... sie ist der einzige Planet mit Schokolade!
Mit Zitat antworten
  #4 (permalink)  
Alt 31.08.2011, 20:34
do{ atmen(); }while(!tot)
XHTMLforum-Mitglied
 
Registriert seit: 03.08.2011
Beiträge: 103
Sinokle befindet sich auf einem aufstrebenden Ast
Standard

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^^
Mit Zitat antworten
  #5 (permalink)  
Alt 01.09.2011, 14:29
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 31.08.2011
Beiträge: 6
On3TwO befindet sich auf einem aufstrebenden Ast
Standard

Thx!!
Mit Zitat antworten
Antwort

Stichwörter
hintereinander, horizontal, in einer reihe, liste, nebeneinander

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ä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


Alle Zeitangaben in WEZ +2. Es ist jetzt 02:21 Uhr.