Roland Bär: Liste mehrspaltig

Beitrag lesen

Urgs. Gib der Liste die dreifache Breite, die ein li haben soll (plus ggf. noch ein paar Pixel für borders, margins ...).
Gib dem li die einfache Breite und laß die li floaten.

cu,
Andreas

Vielen Dank für eure Hilfe!
Meine Lösung sieht nun folgendermassen aus:

<ul class="columned">
<li>
  <a href="...">link1</a>
</li>
<li>
  <a href="...">link2</a>
</li>
<li>
  <a href="...">link3</a>
</li>
<li>
  <a href="...">link4</a>
</li>
<li>
  <a href="...">link5</a>
</li>
<li>
  <a href="...">link6</a>
</li>
</ul>

... und das stylesheet:

ul.columned
{
display:inline;
width:612px;
}

ul.columned li
{
display:inline;
float:left;
width:200px;
margin:2px;
}

Viele Grüsse

Roland