li's in spalten

hallo leute,
ich steh grad etwas aufm schlauch…
ich wollte, dass meine ul in einem bestimmten bereich von bestimmter größe plaziert wird und wenn nach untenhin kein platz mehr ist, sollen die li’s daneben gesetzt wreden.
also inetwa so:

[CODE]


| li li |
| li li |
| li li |
| li |
|_________|
[/CODE]aber iwie bekomm ich das grad nicht hin :frowning:
bei mir gehn die einfach nach unten, über das div-tag hinaus…

[CODE]


| li |
| li |
| li |
| li |
|li_____|
li
li
li
li
[/CODE]mit overflow kann man das nicht regeln… wie sonst?

mfg
ani

Willst Du die aufeinanderfolgenden Listenpunkte immer untereinander? Also so:

__________
| li1   li5 |
| li2   li6 |
| li3   li7 |
| li4      |
|_________|

Dann wird es imho schwierig. Einfacher wäre es, wenn die Reihenfolge der Listenpunkte diese wäre:

__________
| li1   li2 |
| li3   li4 |
| li5   li6 |
| li7      |
|_________|

Dann müsstest Du die

  • 's lediglich floaten und der Box eine feste Höhe und Breite geben sowie „overflow: hidden;“ geben.

  • Also wenn es sich um Content handelt und nicht um das Layout der Seite würd ich einfach ne Tabelle nehmen.

    [CODE]

  • Liste1
  • Liste2
  • Liste3
  • Liste4
  • [/CODE]

    Die li’s kann man da normal auch weglassen wenn du sie nicht explizit brauchst.

    tabellen sind nur für tabellarische daten zu nutzen ^^
    @threadi: also die erste variante wäre mir schon lieber, falls es aber zu aufwendig ist würd ich mich auch mit der zweiten begnügen ^^
    wie wäre denn da der ansatz? (zur 1. variante)

    Man könnte sowas mittels einer Programmiersprache entsprechend generieren. Im Quellcode stehen dann die

  • weiterhin links rechts abwechselnd nebeneinander, aber inhaltlich entsteht die Liste die Du dir erhoffst. Mit PHP wäre das durchaus machbar.

  • und wenn wir in css bleiben wollen?