tabellarische anordnung

[mark]

hi leute,

wie bekomme ich folgendes beispiel am besten mit css umgesetzt?

.: Punkt1       TEXTTEXTTEXTTEXTTEXTTEXT TEXTTEXTTEXT TEXT TEXT
                TEXTTEXTTEXTTEXTTEXT TEXTTEXTTEXT TEXTTEXT TEXT
                TEXTTEXT TEXTTEXT TEXTTEXT TEXTTEXT TEXTTEXTTEX

.: Punkt23561   TEXTTEXTTEXTTEXTTEXTTEXT TEXTTEXTTEXT TEXT TEXT
                TEXTTEXTTEXTTEXTTEXT TEXTTEXTTEXT TEXTTEXT TEXT
                TEXTTEXT TEXTTEXT TEXTTEXT TEXTTEXT TEXTTEXTTEX

• der "TEXT" soll links bündig sein
• ".:" sollte eine andere formatierung (color, font-weight) bekommen, als "Punkt1"

bin für jeden tipp dankbar (auch für suchbegriffe zum thema :)

mfg Mark

[MichaelR]

Hallo,

wie bekomme ich folgendes beispiel am besten mit css umgesetzt?

.: Punkt1       TEXTTEXTTEXTTEXTTEXTTEXT TEXTTEXTTEXT TEXT TEXT
                TEXTTEXTTEXTTEXTTEXT TEXTTEXTTEXT TEXTTEXT TEXT
                TEXTTEXT TEXTTEXT TEXTTEXT TEXTTEXT TEXTTEXTTEX

.: Punkt23561   TEXTTEXTTEXTTEXTTEXTTEXT TEXTTEXTTEXT TEXT TEXT
                TEXTTEXTTEXTTEXTTEXT TEXTTEXTTEXT TEXTTEXT TEXT
                TEXTTEXT TEXTTEXT TEXTTEXT TEXTTEXT TEXTTEXTTEX

• der "TEXT" soll links bündig sein
• ".:" sollte eine andere formatierung (color, font-weight) bekommen, als "Punkt1"

Versuch doch mal die linke Spalte sowie die rechte Spalte in zwei div's zu packen und diese mit float:left bzw. float:right auszurichten. Und das dann zweimal untereinander.

Unterschiedliche Textattribute mit <span style="...">.:</span>

Grüße
Michael

[Michael Jendryschik]

Hallo,

wie bekomme ich folgendes beispiel am besten mit css umgesetzt?

Die Frage ist doch: Weshalb möchtest du nicht einfach eine Tabelle verwenden?

Gruß,

MI

[mark]

hi,

Die Frage ist doch: Weshalb möchtest du nicht einfach eine Tabelle verwenden?

da der inhalt nicht dem einer tabelle entspricht sondern eher einer liste...ich hatte gehofft, dies mit einer art liste zu formatieren.

mfg mark

[Michael Jendryschik]

Hallo,

da der inhalt nicht dem einer tabelle entspricht sondern eher einer liste...ich hatte gehofft, dies mit einer art liste zu formatieren.

Eine Tabelle ist (nach EN ISO 9241-12) nichts anderes als geordnet angezeigte Daten, oft als eine Anzahl von Listen in parallelen Spalten oder rechtwinkligen Anordnungen, welche sich nach einer bestimmten Regel aufeinander beziehen. Daraus lässt sich schließen, dass jede Tabelle sich auch in einer oder mehreren Listen abbilden lässt und umgekehrt, aber gut, in deinem Fall ist eine Definitionsliste (das Element 'dl') sicherlich das geeignetste Element. Schau dir mal das Beispiel unter http://www.w3.org/TR/REC-CSS2/visuren.html#compact an, vielleicht reicht dir diese Darstellung, bevor du mit unzähligen 'div'-Elementen rumhantierst, um ein Tabellenlayout zu simulieren, wo - wie du selbst sagst - wohl eigentlich keines angebracht ist.

Gruß,

MI

[mark]

Danke für die Hilfe !

mfg mark