Zeilenumbruch von Tabellen - Seite 2

Boris · #11 (**permalink**) 30.09.2009, 17:05

So:

Code:

<dl><dt>A</dt><dd>1</dd></dl>
<dl><dt>B</dt><dd>2</dd></dl>
<dl><dt>C</dt><dd>3</dd></dl>
<dl><dt>D</dt><dd>4</dd></dl>

Dem DL eine bestimmte Breite zuweisen und nach links floaten, fertig.

niemand · #12 (**permalink**) 30.09.2009, 17:12

Zitat:

Zitat von Boris

So:

Code:

<dl><dt>A</dt><dd>1</dd></dl>
<dl><dt>B</dt><dd>2</dd></dl>
<dl><dt>C</dt><dd>3</dd></dl>
<dl><dt>D</dt><dd>4</dd></dl>

Dem DL eine bestimmte Breite zuweisen und nach links floaten, fertig.

Warum hält die Tatsache, dass ich diese Lösung (nur eben mit <div> statt <dl>) schon in meinem Eröffnungspost dargestellt und erläutert habe, warum sie nicht passt, niemanden davon ab, sie zu wiederholen?

Diese Lösung funktioniert nicht, weil das Ergebnis ohne CSS folgendes ist:

Code:

A 1
B 2
C 3
D 4

Aber es muss so aussehen:

Code:

A B C D
1 2 3 4

Entsprechend habe ich in meinem vorhergehenden Post das HTML gestaltet, es geht also nur darum, diesem das passende CSS zu geben.

philosapiens · #13 (**permalink**) 30.09.2009, 20:11

Hi,

und was hälst Du von folgender Variante:

HTML-Code:

<head>
<style>
dl{float:left;margin-right:-2em;}
dt{clear:left;}
dd{position:relative;left:-2.5em;}
</style>
</head>
<body>
 <dl>
  <dt>A</dt>
  <dd>1</dd>
 </dl>
 <dl>
  <dt>B</dt>
  <dd>2</dd>
 </dl>
 <dl> 
  <dt>C</dt>
  <dd>3</dd>
 </dl>
 <dl>
  <dt>D</dt>
  <dd>4</dd>
 </dl>
</body>

Boris · #14 (**permalink**) 30.09.2009, 22:21

Zitat:

Diese Lösung funktioniert nicht, weil das Ergebnis ohne CSS folgendes ist:

Ohne CSS wirst du das kaum so hinbekommen wie gewünscht.

niemand · #15 (**permalink**) 30.09.2009, 22:58

Zitat:

Zitat von philosapiens

Hi, und was hälst Du von folgender Variante:

HTML-Code:

<head>
<style>
dl{float:left;margin-right:-2em;}
dt{clear:left;}
dd{position:relative;left:-2.5em;}
</style>
</head>
<body>
 <dl>
  <dt>A</dt>
  <dd>1</dd>
 </dl>
 <dl>
  <dt>B</dt>
  <dd>2</dd>
 </dl>
 <dl> 
  <dt>C</dt>
  <dd>3</dd>
 </dl>
 <dl>
  <dt>D</dt>
  <dd>4</dd>
 </dl>
</body>

Immer noch dasselbe wie in meinem Eröffnungsbeitrag (eigentlich sogar schlechter - die erste Spalte wird vom Rest versetzt dargestellt) - so langsam ist das nicht mehr lustig. Schau mal: wenn du den Quelltext ganz normal liest, dann bekommst du A 1 B 2 C 3 D 4, aber ich brauche A B C D 1 2 3 4. Daher muss das HTML wie in diesem Beitrag beschrieben aussehen. Ohne CSS sieht es dann wie folgt aus, wenn die Zeile umgebrochen wird:

Code:

A B C D
E F
1 2 3 4
5 6

Es soll jetzt durch CSS erreicht werden, dass ein Zeilenumbruch wie folgt aussieht:

Code:

A B C D
1 2 3 4
E F
5 6

Boris · #16 (**permalink**) 30.09.2009, 23:16

Langsam komm ich nicht mehr mit, was und womit (ohne CSS? Oder mit? Oder ...?) erreichen willst, sorry

niemand · #17 (**permalink**) 01.10.2009, 08:01

Zitat:

Zitat von Boris

Langsam komm ich nicht mehr mit, was und womit (ohne CSS? Oder mit? Oder ...?) erreichen willst, sorry

Nochmal: wenn kein CSS verfügbar ist (Textbrowser, Screenreader etc.) soll es lesbar bleiben. Folgendes, wie ich es schon ganz am Anfang gesagt habe und ihr dennoch dauernd vorschlagt, ist nicht lesbar:

Code:

A 1
B 2
C 3

Sondern es muss so aussehen:

Code:

A B C
1 2 3

Also muss das HTML so aussehen.

Mit diesem HTML führt aber ein Zeilenumbruch dazu, dass das Ganze so aussieht:

Code:

A B C D
E F
1 2 3 4
5 6

Das ist akzeptabel, wenn kein CSS verfügbar ist, aber wenn CSS verfügbar ist, dann soll ein Zeilenumbruch die Zuordnung der Spalten behalten:

Code:

A B C D
1 2 3 4

E F
5 6

Also ist die Frage, wie man das vorgegebene HTML mit CSS versieht, um das letztere Ergebnis zu erhalten.

Vielleicht führt das jetzt nur zu mehr Verwirrung, aber man kann es möglicherweise mit Ruby-Markup vergleichen und den Problemen, die bei es nicht unterstützenden Browsern auftreten.

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Ansicht
Linear-Darstellung Zur Hybrid-Darstellung wechseln Zur Baum-Darstellung wechseln

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
Gliederungen (Tabellen???) mit CSS	Boof	CSS	6	14.02.2009 20:21
Datenbakn in andere kopieren, wenn Anzahl der Tabellen unbekannt	paracelsus	Serveradministration und serverseitige Scripte	26	15.09.2008 17:15
Mehrere Tabellen über ein Menu auswählen	Xinor	CSS	1	24.02.2008 06:18
Warum keine Tabellen?	sinot	CSS	8	06.05.2006 16:47
Tabellen in <div>-Tags	dexter2000	CSS	9	19.05.2005 09:53