Teil von SELFHTML Forum Teil von SELFHTML Forumsarchiv Teil von 2007 Teil von März

SELFHTML Forumsarchiv
Liste zweispaltig

Informationsseite
  1. Seite (DESIGN/LAYOUT) Liste zweispaltig von Maddy, 31. 03. 2007, 19:39
nach unten

Liste zweispaltig

Die folgende Nachricht zum Thema stammt von: Maddy, 31. 03. 2007, 19:39

Hi,

ich suche eine Möglichkeit, eine normale <ul>-Liste zweispaltig auszugeben, also den ersten Punkt links, den zweiten rechts daneben, den dritten links untendrunter, den vierten wieder daneben etc.

Das Ganze soll unabhängig von der Anzahl der Listenpunkte sein und sich insgesamt der Breite des Containers anpassen.

Hat jemand diesbezüglich eine Idee für mich?

Maddy

nach obennach unten

Liste zweispaltig

Die folgende Nachricht zum Thema stammt von: Mathias Brodala, 31. 03. 2007, 19:50

Hallo Maddy.

»» ich suche eine Möglichkeit, eine normale <ul>-Liste zweispaltig auszugeben, also den ersten Punkt links, den zweiten rechts daneben, den dritten links untendrunter, den vierten wieder daneben etc.
»»
»» Das Ganze soll unabhängig von der Anzahl der Listenpunkte sein und sich insgesamt der Breite des Containers anpassen.

Wenn es im derzeitigen Web mit den derzeitigen Browsern und dem IE funktionieren soll, wirst du nicht umhin kommen, den Listenpunkten abwechselnd Klassen zuzuweisen und diese entsprechend zu formatieren.

In CSS Level 3 gäbe es eine sauberere¹ Möglichkeit, doch die Unterstützung dessen ist momentan noch eher Mangelware.


Einen schönen Samstag noch.

Gruß, Mathias

--
¹ erererererer…
ie:% fl:| br:< va:) ls:& fo:) rl:( n4:~ ss:) de:] js:| mo:| zu:)

debian/rules

nach obennach unten

Liste zweispaltig

Die folgende Nachricht zum Thema stammt von: Maddy, 31. 03. 2007, 19:54

Wenn es im derzeitigen Web mit den derzeitigen Browsern und dem IE funktionieren soll, wirst du nicht umhin kommen, den Listenpunkten abwechselnd Klassen zuzuweisen und diese entsprechend zu formatieren.


Hab es fast geahnt, aber dann muss es wohl sein. Gibts irgendwo mal ein Beispiel, wie man das verpacken und formatieren kann? Ein bischen Faulheit ist dabei, geb ich zu, aber immerhin ist Wochenende ;)

Lieben Dank für Deinen Tipp.

Gruss Maddy

nach obennach unten

Liste zweispaltig

Die folgende Nachricht zum Thema stammt von: Gernot Back, 31. 03. 2007, 19:54

Hallo Maddy,

»» ich suche eine Möglichkeit, eine normale <ul>-Liste zweispaltig auszugeben, also den ersten Punkt links, den zweiten rechts daneben, den dritten links untendrunter, den vierten wieder daneben etc.

»» Das Ganze soll unabhängig von der Anzahl der Listenpunkte sein und sich insgesamt der Breite des Containers anpassen.

Nichts leichter als das: Gib deinem UL-Element eine bestimmte Breite, den LI-Elementen die Hälfte davon und lass diese floaten.

Gruß Gernot

nach obennach unten

Liste zweispaltig

Die folgende Nachricht zum Thema stammt von: Mathias Brodala, 31. 03. 2007, 20:03

Hallo Gernot.

»» »» ich suche eine Möglichkeit, eine normale <ul>-Liste zweispaltig auszugeben, also den ersten Punkt links, den zweiten rechts daneben, den dritten links untendrunter, den vierten wieder daneben etc.
»»
»» »» Das Ganze soll unabhängig von der Anzahl der Listenpunkte sein und sich insgesamt der Breite des Containers anpassen.
»»
»» Nichts leichter als das: Gib deinem UL-Element eine bestimmte Breite, den LI-Elementen die Hälfte davon und lass diese floaten.

Stimmt ja. Ich denke wieder viel zu kompliziert.


Einen schönen Samstag noch.

Gruß, Mathias

--
ie:% fl:| br:< va:) ls:& fo:) rl:( n4:~ ss:) de:] js:| mo:| zu:)

debian/rules

nach obennach unten

Liste zweispaltig

Die folgende Nachricht zum Thema stammt von: Maddy, 31. 03. 2007, 20:05


»» Stimmt ja. Ich denke wieder viel zu kompliziert.

ich auch *seufz*
nur leider floatet es mir jetzt alles mit, was nicht niet- und nagelfest ist. Aber der Tipp ist prima, vielen Dank.

Gruss Maddy

nach obennach unten

Liste zweispaltig

Die folgende Nachricht zum Thema stammt von: Gernot Back, 31. 03. 2007, 20:04

Hallo nochmal,

»» Nichts leichter als das: Gib deinem UL-Element eine bestimmte Breite, den LI-Elementen die Hälfte davon und lass diese floaten.

Ein Problem könnte es erst durch die overflow-Eigenschaft geben, die du beim UL-Element abweichend von "visible" setzen müsstest. Bei "hidden" müsste ggf. mit Rücksicht auf Netscape 6/7 und ältere Mozillas ein letztes LI-Element mit clear eingefügt werden, damit die List-Items überhaupt sichtbar sind.

Gruß Gernot

nach oben
Teil von SELFHTML Forum Teil von SELFHTML Forumsarchiv Teil von 2007 Teil von März

© 1998-2008 Seite Impressum, Software: Classic Forum