Aufzählung im CSS

Gib dem UL Element eine fest breite, z.B. 600px. Dann jedem LI Element eine Feste Breite ( 300px ) und floate es links. Nach dem Ul noch links clearen.

So z.B.:

.clear {
clear:both;
}


ul {
width:600px;
margin:0;
padding:0;
}


ul li {
width:300px;
float:left;
margin:0;
padding:0;
}

<ul>
   <li>Element</li>
   <li>Element</li>
   <li>Element</li>
   <li>Element</li>
   <li>Element</li>
   <li>Element</li>
   <li>Element</li>
   <li>Element</li>
</ul>
<div class="clear"></div>

Das sollte dann so aussehen:

Element Element
Element Element
Element Element
Element Element

Gruß
Marvin

es hilft, wenn das problem live im geposteten link zu sehen ist.

damit @Marvin_S's vorgeschlagene css nicht auf jedes ul und li in der ganzen seite angewandt wird, sondern nur im post-inhalt, kannst du ein [FONT=Courier New][COLOR=blue].article[/COLOR][/FONT] davor setzen:

.article ul { ... }
.article ul li { ... }

Zitat

[COLOR=#000080]Da flog mir die ganze Seite um die Ohren[/COLOR]

hast du meinen beitrag gelesen?
die list-element seitenweit neu zu formatieren, kann genau zu dem ergebnis fuehren.
daher die beschraenking auf '.article ul' etc.

ausserdem musst du deine vorhanden liste auf eine ungeordnete liste (im sinne von <ul> <li> http://www.w3schools.com/html/html_lists.asp ) umbauen.
zur hilfe damit hat der visuelle editor einen 'button'.

Mach es so:

.clear {
clear:both;
}
.article ul {
width:600px;
margin:0;
padding:0;
}
.article ul li {
width:300px;
float:left;
margin:0;
padding:0;
}

alles andere was von vorhin war schmeißt du wieder raus.

Außerdem sehe ich grade hast du einfach mal keine Liste für ne Liste verwendet!

Bitte baue die Linkliste so auf:

<ul>
<li><a href="linkadresse">linktext</a></li>
<li><a href="linkadresse">linktext</a></li>
<li><a href="linkadresse">linktext</a></li>
<li><a href="linkadresse">linktext</a></li>
<li><a href="linkadresse">linktext</a></li>
<li><a href="linkadresse">linktext</a></li>
</ul>

ect.

Gruß
Marvin

grundlagen css: http://www.w3schools.com/css/
gibt's auch aehnlich auf deutsch.

Marvin_S code mit .article:

.article .clear {
clear:both;
}
 
.article ul {
width:600px;
margin:0;
padding:0;
}
 
.article ul li {
width:300px;
float:left;
margin:0;
padding:0;
}

edit: alles in guten haenden - ich bleibt hier weg ;-)

Zitat von alchymyth

grundlagen css: http://www.w3schools.com/css/
gibt's auch aehnlich auf deutsch.

Marvin_S code mit .article:

Code

.article .clear {
clear:both;
}
 
.article ul {
width:600px;
margin:0;
padding:0;
}
 
.article ul li {
width:300px;
float:left;
margin:0;
padding:0;
}

Alles anzeigen

edit: alles in guten haenden - ich bleibt hier weg ;-)

Hi ;)
Hab ich ja soweit auch, nur bis auf das clear. Warum auf den article div begrenzen? Clear sollte eine Standardklasse sein du generell an jeder Stelle der Seite zum Clearen benutzt werden soll.

Gruß
Marvin

Marvin_S

Zitat

nur bis auf das clear. Warum auf den article div begrenzen?

kein besonderer grund; kann auch generell unbeschaenkt bleiben.

nb: die antwort war auch nicht an dich gerichtet - die ist nur zufaellig nach deiner antwort gepostet, da mein schreiben etwas laenger gedauert hat; ist mit schon klar, dass du dich mit der css auskennst.

Zitat von alchymyth

Marvin_S

kein besonderer grund; kann auch generell unbeschaenkt bleiben.

nb: die antwort war auch nicht an dich gerichtet - die ist nur zufaellig nach deiner antwort gepostet, da mein schreiben etwas laenger gedauert hat; ist mit schon klar, dass du dich mit der css auskennst.

Achsooo :) Okay ;)

Grüße
Marvin