zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Liste: Zwei Punkte nebeneinander

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 06.08.2008, 13:00
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 25.05.2007
Beiträge: 5
crossgolfer befindet sich auf einem aufstrebenden Ast
Standard Liste: Zwei Punkte nebeneinander

Hallo,
wie ich eine Liste horizontal ausrichte weiß ich.

Aber wie kann ich es machen ich bei einer Liste immer jeweils zwei Punkte nebeneinander und dann nach unten fortlaufend habe?! Geht das überhaupt??

Also als Beispiel:
<ul>
<li>Punkt 1</li>
<li>Punkt 2</li>
<li>Punkt 3</li>
<li>Punkt 4</li>
<li>Punkt 5</li>
<li>Punkt 6</li>
<li>Punkt 7</li>
<li>Punkt 8</li>
</ul>

Hier soll Punkt 1 und 2 nebeneinander darunter dann Punkt 3 und 4 usw...

Wäre schön wenn mir jemand helfen kann... finde dazu leider nichts.
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 06.08.2008, 13:23
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 22.03.2006
Beiträge: 387
gaby sorgt für eine eindrucksvolle Atmosphäre
Standard

Zitat:
Zitat von crossgolfer Beitrag anzeigen

Also als Beispiel:
<ul>
<li>Punkt 1</li>
<li>Punkt 2</li>
<li>Punkt 3</li>
<li>Punkt 4</li>
<li>Punkt 5</li>
<li>Punkt 6</li>
<li>Punkt 7</li>
<li>Punkt 8</li>
</ul>

Hier soll Punkt 1 und 2 nebeneinander darunter dann Punkt 3 und 4 usw...

Wäre schön wenn mir jemand helfen kann... finde dazu leider nichts.

Hi,

Gib den Listelementen abwechselnd die Klasse "links" und "rechts", und dann formatierst du im Stylesheet so:

li.links { float: left; margin-right: 33px }


Edit:
Die Klasse "rechts" brauchst du eigentlich doch nicht.
Es genügt

PHP-Code:
<ul>
    <
li class="links">Punkt 1</li>
    <
li>Punkt 2</li>
    <
li class="links">Punkt 3</li>
    <
li>Punkt 4</li>
    <
li class="links">Punkt 5</li>
    <
li>Punkt 6</li>
</
ul

Geändert von gaby (06.08.2008 um 13:26 Uhr)
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 06.08.2008, 13:30
Benutzerbild von inta
free as in freedom
XHTMLforum-Kenner
 
Registriert seit: 04.12.2006
Ort: Berlin
Beiträge: 5.016
inta kann auf vieles stolz seininta kann auf vieles stolz seininta kann auf vieles stolz seininta kann auf vieles stolz seininta kann auf vieles stolz seininta kann auf vieles stolz seininta kann auf vieles stolz seininta kann auf vieles stolz seininta kann auf vieles stolz seininta kann auf vieles stolz sein
Standard

Dafür braucht man keine Klassen, mit entsprechender Breite floaten lassen reicht.

Code:
ul li {
    float: left;
    width: 50%;
}
Mit Zitat antworten
Antwort


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
<li> von einer Liste in andere verschieben tichy Javascript & Ajax 5 16.07.2009 13:54
<ul><li> Liste - die Punkte bei "hover" farblich ändern? Steakfred CSS 4 03.11.2007 07:31
Liste (inline) Umbruch erzeugen Steakfred CSS 3 09.05.2006 12:27
Images in Liste nebeneinander ohne Abstand auflisten Nina CSS 12 17.12.2004 03:04


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