noch eine Tabelle eliminieren

[General Hammond]

Guten Abend,

gerne benutzte ich Tabellen zum Layouten und zum ausrichten von Tel. & Fax - Nummern. Hier habe ich ein kleines Bsp.:
Link

Wie kann ich so eine Ausrichtung per CSS erreichen? Hatte einen versuch gestartet, den man im Layer oben sehen kann, aber das ist wohl der falsche weg! Keine Ahnung wie ich das erreichen soll, vor allem wenn dies in mitten eines Textes notwendig wird und maximal ein Absatz <p> genutzt werden kann.

[seb]

Machen kannst dus, aber nach meiner Auffassung solltest du es garnicht tun.

Der tolle nie-mehr-Tabellen-alles-CSS-Hype ist Blödsinn, wenn man wirklich eine Tabelle mit Daten darstellen möchte, wie deine Telefonnummernliste eine ist.

Verwend dafür also ruhig weiter Tabellen, das ist nicht falsch oder böse .

[General Hammond]

Hallo Seb,

im Grunde genommen hast du Recht aber in der Praxis würde ich dann eine Tabelle ohne Rahmen verwenden und dies wäre doch dann ein Mißbrauch von Tabellen für Layoutzwecke? Oder?

Also wenn jemand eine Lösung hätte,
wie ich das in CSS erreichen kann wäre ich schon dankbar.

[seb]

aber in der Praxis würde ich dann eine Tabelle ohne Rahmen verwenden und dies wäre doch dann ein Mißbrauch von Tabellen für Layoutzwecke? Oder?

Nein - ob eine Tabelle einen Rahmen hat oder nicht, spielt doch keine Rolle.

'Missbrauch für Layoutzwecke' wäre, wenn du auf deiner Seite oben links ein Bild und unten rechts einen Text haben möchtest, und dies per Tabelle lösen würdest. Obwohl es auch von diesem Beispiel Fälle geben kann, in denen man wirklich eine Tabelle haben möchte.

Was du hast, ist definitiv eine Auflistung von Datensätzen mit mehreren Werten (in dem Fall zwei, die Telefonnummer und die dazugehörige Person).

Exakt für sowetwas wurden irgendwann in der Antike Tabellen erfunden und im späten 20. Jahrhundert die Tabellendarstellung in HTML entwickelt

Falls es doch unbedingt CSS sein soll, würd ichs so machen:

Du legst zwei DIVs mit absoluter Positionierung nebeneinander, für die Tabellenspalten und dürckst die Zeilen mit einfachen <br/>s aus, etwa so:

PHP-Code:

<div style="position:absolute;left:16px;">
Bernd<br />
Wolfgang<br />
Annegret<br />
Meierschorsch<br />
Oma Hans<br />
</div>

<div style="position:absolute;left:200px;">
12345 / 6789<br />
10111 / 2131<br />
41516 / 1718<br />
19202 / 1223<br />
24252 / 7289<br />
</div> 


Wenn du's noch komplizierter haben möchtest, könntest du natürlich auch jede Zelle als DIV ausdrücken und absolut positionieren. Geht alles - dem Aufwand sind keine Grenzen gesetzt

[General Hammond]

Hi Seb,

danke für Deine ausführlichen Ausführungen

Sicherlich hast Du wirklich Recht und für diesen Zweck kann man weiterhin Tabellen benutzen. Wobei es in meinem Fall keine tabellarische Aufzählung ist:
telefon: 555 - 555 555
fax: 555 - 555 556
email: name@provider.de

Ich möchte eben eine Ausrichtung, ähnlich der Tabulatoren in einer Officeanwendung erreichen und benutze dazu eben eine blinde Tabelle

[Kosmo]

Hallo zusammen,

ich schließe mich hier mal an um keinen neuen Thread aufmachen zu müssen, denn meine Frage geht in die gleiche Richtung:

nach den Empfehlungen vom W3C soll man ja Tabellen nicht mehr fürs Layout missbrauchen. Ich frage mich nun, wann darf ich denn eine Tabelle nutzen??

Irgendwie verbanne ich gerade alle Tables aus meinem Layout, aber manchmal denke ich mir, hier würde eine Tabelle Sinn machen...
z.B. auf folgender Seite die Auflistung der Drachendetails, wäre hier eine Tabelle erlaubt?

Gibt es hier eine klare Aussage, ob und wann man nun eine Tabelle nutzen darf?

Danke & Gruß
Stefan

[HoRnominatoR]

in beiden faellen ist es eine tabellarische auflistung (name -> wert), da daten zugeordnet werden. wie viel sinn das jetzt macht, ist fraglich, da die tabelle jeweils nur eine spalte hat. man koennte es auch als liste auffassen.

[prefix]

general, in diesem fall ist das meiner ansicht nach sehr wohl eine auflistung von daten, welche eine tabelle rechtfertig - wenn nicht sogar erfordert (wai)

vertrau da dem seb und dem horno(...), ich bin da voll und ganz ihrer meinung

p.s.: also nicht der meinung, dass "der css-hype blödsinn ist" hehe, sondern dass hier eine tabelle ruhigen gewissens verwendet werden kann und soll

[Kosmo]

Dankeschön! Das beruhigt mich.

Diese Hexenjagd auf Tabellen hat mich schon ganz kirre gemacht!
Auch wenn CSS eine sehr angenehme Sache ist muss man sich doch erst mal dran gewöhnen und das denke ich, wird noch etwas dauern...

Gruß
Stefan

[prefix]

hehe

im wesentlichen sollte man so denken:

1. was ist das logische markup für etwas?

ist es eine auflistung (sagt der name schon) -> liste

2. werden daten ausgegeben, die miteinander (vertikal oder horizontal) in verbindung stehen -> tabelle

stell dir einfach vor, du wärst ein browser - also blind! du kannst nur die logik und den inhalt lesen, und kommst auf eine seite, die mit tabellen gelayoutet ist:

---------------------------------------------------

* webmaster: hallo browser, hier hast du meine seite

* browser: ähm, ok - ich lese "<table...>", also folgen jetzt daten, die miteinander in zusammenhang stehen...

* webmaster: nein, du kommst zum layout, das siehst du doch

* browser: hm, leider kann ich das nicht sehen, sondern nur lesen, wie du es auszeichnest..... ich muss jetzt mal den gesamten inhalt lesen und die logik verstehen, erst dann kann ich was näheres dazu sagen!

---------------------------------------------------

ok, nächstes beispiel: tabellarische daten werden per container geordnet

---------------------------------------------------

*webmaster: so, komm mein browser

*browser: ah, ich lese "<div class="....."...", jetzt kommt wohl ein container, welcher einen text beinhaltet, oder ein bild... - nehm ich jedenfalls an

*webmaster: nein, jetzt kommen die geburtsdaten meiner kinder! links steht der name, rechts davon der vorname, ganz rechts das datum

*browser: jetzt bin ich verwirrt, wie sollte ich das lesen können? du hast es doch nicht ausgezeichnet.....

---------------------------------------------------

ok, idealfall: tabellarische daten mit gültigem und logischem markup sowie theader usw.

---------------------------------------------------

*webmaster: so, hier die daten meiner ex-freundinnen...

*browser: ah, stimmt - ich lese hier, dass eine tabelle folgt, also willst du daten ausgeben, welche vermutlich horizontal zusammengehören!

*webmaster: stimmt

*browser: und ich lese in der tabellenüberschrift, dass du die anzahl und den "spaßfaktor" mit deinen bisherigen, was(????), 309 freundinnen auflistest

*webmaster: naja, man tut was man kann....

*browser: ah, und im body der tabelle werde ich deren namen, wohnort sowie telefonnummer ersehen können - das les ich auf einen blick, ohne in die zeilen schauen zu müssen...

*webmaster: harhar, genau

*browser: ok, das interessiert mich aber nicht, da ich geschlechtslos bin - ich überspringe das ganze, ohne dass ich es lesen muss....


---------------------------------------------------

prefix am morgen - harhar

ok, das sollte licht in die thematik bringen

[Stuck Mojo]

...und da soll mir einer erzählen, dass der ganze CSS-Kram die Menschen nicht irgendwie balla macht...

...seit mal ganz ehrlich: Wer von euch spricht noch mit seinem Browser, ausser Prefix?

[prefix]

aber du redest doch auch mit deinen arrays und splittest sie regelmäßig auf, nachdem du sie schlafen gelegt und ihnen eine geschichte erzählt hast

[Stuck Mojo]

naja... wir haben uns nichts mehr zu sagen, da wir jeden Tag aufeinander hängen... Aber an den Browser hab ich noch garnicht gedacht. Vielleicht kommt dann ja mal wieder Leben ins Büro

[prefix]

mein browser heißt "gina"

sie ist blond ^^

[wintermute]

Ist das wirklich so schlimm, wenn man regelmäßig um 8 Uhr aufsteht?