nicht angemeldet
Hallo zusammen,
ich habe eine Liste von Links:
<ul>
<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>
Diese liste möchte ich wie folgt darstellen:
link1 link2 link3
link4 link5 link6
Dabei möchte ich keine Tabellen verwenden. Meine Idee war nun, jedem li Element einen class Name zu geben, der die Spalte repräsentiert:
<ul>
<li class="col1"><a href="....">link1</a></li>
<li class="col2"><a href="....">link2</a></li>
<li class="col3"><a href="....">link3</a></li>
<li class="col1"><a href="....">link4</a></li>
<li class="col2"><a href="....">link5</a></li>
<li class="col3"><a href="....">link6</a></li>
</ul>
Mittels display:inline und Positionsangaben für die verschiedenen Spalten konnte ich zwar die Elemente in verschiedene Spalten bringen, aber es sind alle auf der gleichen Höhe, das heisst sie überdecken sich.
Hat jemand eine Idee, wie ich dieses Problem lösen kann?
Viele Grüsse
Roland