Tabellen mit CSS formatieren

[Giovanni]

Hallo, schönen guten Montag!

ich habe mir ein Layout für eine Homepage gemacht, es besteht aus 4 Teilen. Jedes Teil ist eine Tabellenzelle.

______________
  2     1
______________

4     3
______________

Teil 1, 2 und 3 bilden das Menü und haben eine Farbe. Teil 4 bildet den größten Teil und ist der Inhalt. Ich habe die Formatierungen über CSS gemacht:

echo "\H1 { color:black;  font-size:5pt;  font-family:'Arial';}";
echo "\H2 { color:black;  font-size:10pt; font-family:'Arial';}";
echo "\ntable { }";
echo "\ntd    { background-color:$this->MenuFarbe; font-weight:bold; font-family:Arial; font-size:120%; }";

Ich habe also alle td-Zellen formatiert, mit einer Farbe. Das Problem ist, dass ich jetzt die Zelle in der der Inhalt steht mit einer anderen Farbe formatieren möchte. Aber wie mache ich dass? Ich will weiterhin alles zentral über CSS machen.

Gruß Giovanni

[Cheatah]

Hi,

ich habe mir ein Layout für eine Homepage gemacht, es besteht aus 4 Teilen. Jedes Teil ist eine Tabellenzelle.

recherchiere bitte im Archiv, warum Layout mit Tabellen grober Unfug ist.

echo "\H1 { color:black;  font-size:5pt;  font-family:'Arial';}";

Recherchiere bitte im Archiv, warum serverseitiger Code bei clientseitigen Problemen zu eliminieren ist.
Recherchiere bitte im Archiv, warum "pt" die mit Abstand übelste Einheit für Screenmedien ist.
Recherchiere bitte im Archiv, warum feste Schriftgrößen dringend zu vermeiden sin.
Recherchiere bitte im Archiv, warum Du unbedingt eine generische Schriftfamilie angeben sollst.

Ich habe also alle td-Zellen formatiert, mit einer Farbe. Das Problem ist, dass ich jetzt die Zelle in der der Inhalt steht mit einer anderen Farbe formatieren möchte. Aber wie mache ich dass?

Durch einen Selektor, der die Zelle "in der der Inhalt steht" identifiziert. Was aber irrelevant ist, da Du keine Tabellen für Layoutzwecke missbrauchen möchtest und die Struktur ergo eh umstellst.

Cheatah

[Giovani]

Hallo

recherchiere bitte im Archiv, warum Layout mit Tabellen grober Unfug ist.

Warum? Ich hab in SelfHTML gelesen dass man Layout von Design trennen soll z. B. Farben von Tabellen. So hab ich's gemacht. Wieso soll das jetzt falsch sein?

Giovanni

[Cheatah]

Hi,

recherchiere bitte im Archiv, warum Layout mit Tabellen grober Unfug ist.
Warum?

warum Du im Archiv recherchieren sollst?

Ich hab in SelfHTML gelesen dass man Layout von Design trennen soll z. B. Farben von Tabellen. So hab ich's gemacht. Wieso soll das jetzt falsch sein?

Weil dort die Antwort auf diese Frage steht.

Cheatah

[Giovani]

Hallo,

also, ich hab jetzt mal, wenn auch widerwillig noch mal in SELFHTML nachgelesen:

http://selfhtml.teamone.de/html/allgemein/farben.htm#allgemeines
http://selfhtml.teamone.de/html/tabellen/gestaltung.htm#hintergrund
http://selfhtml.teamone.de/html/tabellen/gestaltung.htm#gestalten_css

da steht es so drin, wie ich es gemacht habe. Nämlich auch Tabellen mit CSS formatieren. Wenn ich jetzt irgendwas nicht gepeilt habe, dann geb mir doch mal bitte einen Link oder erklärts mir.

Giovanni

[Giovani]

Hallo,

ich hätte mal gerne gewußt wie man tabellen formatiert. Ich hatte heut morgen ne Diskusion mit einem der gesagt hat, dass man Tabellen über CSS nicht formatieren sollte. Leider hat er sich  nicht mehr gemdelet. In SelfHTML hab ich nachgelesen dass man Tabellen sehr wohl mit CSS formatieren "sollte".

http://forum.de.selfhtml.org/?t=73394&m=422664

Was stimmt jetzt?

Gruß Giovanni

[Elya]

Hallo Giovani,

ich hätte mal gerne gewußt wie man tabellen formatiert. Ich hatte heut morgen ne Diskusion mit einem der gesagt hat, dass man Tabellen über CSS nicht formatieren sollte.

Du hast Cheatah falsch verstanden. Er hat Dich darauf hingewiesen, daß Du "Layout" - also die Einteilung Deiner Seite in verschiedene Bereiche wie Navi etc. - möglichst nicht mehr mit Tabellen machen solltest. Tabellen dienen der Darstellung tabellarischer Daten (z.B. eine Termin-Veranstaltungsliste etc.).

Wenn du tabellarische Daten mit einer Tabelle darstellen möchtest, so solltest Du das selbstverständlich mit CSS lösen. Du kannst Zellen, Zeilen und die ganze Tabelle wie andere Elemente auch mit CSS-Abständen, -Farben, -Rahmen etc. formatieren. Das CSS-Kapitel in SelfHTML hilft Dir dabei, das kennst Du ja bereits.

Gruß aus Köln-Ehrenfeld,

Elya

[Cheatah]

Hi,

also, ich hab jetzt mal, wenn auch widerwillig noch mal in SELFHTML nachgelesen:

wieso widerwillig?

da steht es so drin, wie ich es gemacht habe. Nämlich auch Tabellen mit CSS formatieren.

Natürlich. Darstellungsempfehlungen werden _immer_ per CSS transportiert, egal ob es sich um Tabellen handelt oder um beliebige andere Elemente. Was Du nicht machen darfst ist *Tabellen zu Layoutzwecken zu missbrauchen*, bzw. genauer gesagt *für die Strukturierung nicht tabellarischer Daten*. Und das findest Du im Archiv.

Hinreichend oft.

Cheatah