Böse Tabelle oder gute Tabelle?

Verfasst am: 19. 10. 2011 [21:01]
MaxTheCB
Dabei seit: 15.01.2010
Themenersteller

10 Beiträge
Beitrag hilfreich?

Hallo Ihr,

Ach ja, es ist ein leidiges Thema...sind Tabellen nun gut oder nicht...vorallem ist der Einsatz des CSS Befehls display:table nun wirklich besser?

Es geht (unter anderem) um folgende Seite:
http://www.alftal-reptils.de/schlangen/85-boa-constrictor-constrictor-pastell.html

Ihr seht dort "leicht" tabellarisch aufbereitet die grundlegenden Informationen zu einem Tier. Realisiert wurde das ganze derzeit per CSS ohne jegliche Tabelle.
Nun soll oben rechts noch ein Bildchen rein...sprich ich bräuchte eigentlich noch eine Zelle mit rowspan-Attribut.

Nun die Frage... sollte man wirklich auf die Tabelle verzichten und es "irgendwie per CSS zusammenbasteln", oder eben "klassisch" und einfach lösen.
Die totale "SEO"-Verträglichkeit ist mir hierbei nicht so wichtig, eher wäre hier das Thema "Barrierefreiheit" zu berücksichtigen...

Danke für Eure Tipps und Meinungen.

Profil
WWW
ICQ
AIM
YIM
Skype
 
Verfasst am: 19. 10. 2011 [21:46]
joerg
Dabei seit: 09.06.2009

1540 Beiträge
Beitrag hilfreich?

Hallo Max

Tabellen sind nur dann schlecht, wenn sie inhaltlich keine Tabellen sind.

So mit den momentanen textlichen Inhalten hätte ich wohl 2 Definitionslisten , 3 Überschriften und 2 Absätze eingesetzt.

Mit ein paar Veränderungen könnte man auch 2 Tabellen statt der Definitionslisten verwenden.

Eigentlich sollte man denjenigen erschiessen, der den Einsatz von Div Container als CSS als erster bezeichnet hat.

Wer das aufgebracht hat sollte echt gelyncht und geteert und gefedert und danach noch gevierteilt werden.

Definitionslisten und Tabellen besitzen im Gegensatz zu Div Container eine Semantik.

Was du erreichen willst ist das neben der ersten Überschrift ein Bild verwendet wird.
Das wäre dann eine reine Designfrage denn von der Struktur ist es möglich nach einer Überschrift ein Bild einzusetzen.

So du solltest dich meiner Ansicht nach erstmal über die Struktur von Definitionslisten und Tabellen informieren.

Und danach kommt dann der Punkt wie gestaltet man mit CSS diese Struktur.

http://de.selfhtml.org/html/text/listen.htm#definition

Man sucht sich schon den Wolf nach einer halbwegs vernünftigen Erläuterung zu Tabellen.

http://www.die-barrierefreie-website.de/umsetzung/tabellen.html#datentabellen

Und dann solltest du dir die Seite auch mal durchlesen.

http://www.vorsprungdurchwebstandards.de/theory/semantischer-code/

Gruß
Jörg
Zufällige Umleitung zu der Startseite einer meiner Domains
Meine ungewöhnlichen Tools
Profil
WWW
 
Verfasst am: 21. 10. 2011 [21:54]
ptra
Dabei seit: 22.09.2010

260 Beiträge
Beitrag hilfreich?

Versucht mal, nachträglich ein Tabellen-Layout einer gesamten WebSite zu erweitern. Ihr würdet eure wahre Freude dran haben.
Jetzt geht´s ganz einfach mit HTML und CSS. Man muss es allerdings auch behrrschen wink.gif

Gruß. Petra
Gegen die Infamitäten des Lebens… (siehe Hermann Hesse)
Profil
WWW
 
Verfasst am: 23. 10. 2011 [13:28]
der_booker
Dabei seit: 11.06.2009

2887 Beiträge
Beitrag hilfreich?

Ich bin in der Regel zwar gegen den Einsatz von Layout-Tabellen, jedoch konnte ich bei "normaler" Verwendung keine negativen Ergebnisse hinsichtlich SEO feststellen. Nur bei vielen Zellen und Unterzellen, die wieder Zellen beinhalten, kann das Content-Code-Verhältnis gestört werden.

Lediglich bei Aktualisierungen stellt man fest, dass man bei Layout-Tabellen mehr Arbeit hat, als beim Einsatz von DIV-Container in Verbindung mit CSS.

Empfehlung: Nimm Div-Container.
Heiko Jendreck
personal helpdesk & webdesign
http://www.phw-jendreck.de
http://www.seo-labor.com
Profil
WWW
 
Verfasst am: 23. 10. 2011 [20:35]
San
Dabei seit: 08.02.2010

10 Beiträge
Beitrag hilfreich?

Meines Wissens wird den Sehbehinderten eine Text-Zeile von links nach rechts von Ihrem Reader vorgelesen.

Wenn in einem Tabellen-Layout z.B. zwei Textblöcke nebeneinander stehen, wird ihnen die erste Zeile des ersten Textblocks und anschliessend gleich die erste Zeile des zweiten Textblocks vorgelesen. Also unverständlich.

Deshalb die DIV-Container, die den Zusammenhalt des Textblockes definieren. Da wird innerhalb des Containers von vorn bis zum Schluss gelesen.

Wenn eine Information wie eine Preisliste tabellarisch dargestellt wird, macht das aber Sinn, auch in Bezug auf Barriere-Freiheit.
www.pixely.de
Profil
WWW
 




Du bist nicht eingeloggt. Bitte beachte, dass Du eingeloggt sein musst, um Themen zu erstellen oder auf Beiträge zu antworten.

RSS Feed abonnieren

Werde in Echtzeit über neue Foren-Beiträge informiert:


0 Mitglieder waren innerhalb der letzten 15 Minuten online (33 heute gesamt):
[keine]

Administratoren und Moderatoren:
[keine]

Seitenreport hat 18153 registrierte Mitglieder, 3003 Themen und 29112 Beiträge.
Der aktuelle Mitgliederzuwachs liegt bei durchschnittlich 12 bestätigten Neuregistrierungen pro Tag.
Pro Tag werden im Seitenreport Forum durchschnittlich 1 neues Thema und 7 Beiträge erstellt.
Die Durchschnittszahlen berechnen sich aus den letzten 7 Tagen.

Schnellzugriff

Hier werben
Partnerprogramm
Premium Pakete
Verlinkung freischalten
Allgemeine Geschäftsbedingungen
Kontakt aufnehmen
Impressum

Mehrfach empfohlen

Seitenreport ist einer der bekanntesten SEO und Website Analyse Dienste im deutschsprachigen Raum und wurde u.a. schon empfohlen:
von Mr. Wong im Wong Letter
vom Leserservice der Deutschen Post
vom Technik Blog SiN
und vielen anderen

Partnerprogramm

12% Lifetime Provision auf alle Buchungen von Dir geworbener Mitglieder sowie 0,50 € für jede Registrierung. Eines der besten deutschen Partnerprogramme laut den appCharts von 100partnerprogramme.de. Nimm jetzt teil am Seitenreport Partnerprogramm und verdiene gutes Geld dabei!

* = Partnerlinks