Tabellenzellen formatieren mit CSS

[Otto Wyss]

ich möchte in einer Tabelle an den Aussenrändern auf der Seite keinen Abstand, zwischen den einzelnen Kolonnen jedoch schon. Oben/Unten sollte es auch einen Abstand haben, jedoch unterschiedlich gegenüber dem seitlichen Abstand. Z.B:

linke Zelle: left:0; top:2; bottom 2; right:10
mittlere Zellen: left:10; top:2; bottom 2; right:10
rechte Zelle: left:10; top:2; bottom 2; right:0

Wie formuliere ich das in einer CSS-Datei?

[Tunnel85]

Hi,
in dem du den Zellen eine Klasse zuweist.
Und den Klassen dann die jeweilige Formatierung

Gruß
Tunnel85

[suit]

in dem du den Zellen eine Klasse zuweist.

wieso?

[suit]

in dem du den Zellen eine Klasse zuweist.
wieso?

argh:

wieso den zellen eine klasse zuweisen?

ggf lassen sich die zellen eindeutig identifizieren (zb eine kopfzelle) dann braucht man für 3 spalten nur in einer der spalten eine klasse, nth-child() geht ja leider nicht

[Otto Wyss]

in dem du den Zellen eine Klasse zuweist.
Und den Klassen dann die jeweilige Formatierung

Wie ordne ich die Klassen den Kolonnen zu, oder muss ich jeder Zelle dir richtige Klasse zuordnen?

[suit]

Wie formuliere ich das in einer CSS-Datei?

wie tunnel schon sagt: eine klassen sind eine möglichkeit - in deinem fall ist das ggf aber nicht notwendig, sofern die die äusserst linke oder äusserst reche zelle eine beschriftung enthält

daraus lässt sich folgende regel ableiten

1. normale zellen
   a) alle zellen haben zur linken seite 20 pixel abstand
   b) alle zellen haben oben 2 pixel abstand
   c) unten 2 pixel
   d) rechts nix

2. kopfzellen (äusserst links)[1]
   a) alle zellen haben zur linken seite keinen abstand

[1] da weder first-child noch nth-child() funktionieren, kommst du (wenn du keine kopfzelle (<th />) verwendest) nicht um eine klasse herum - die solltest du sinnigerweise "first-child" nennen oder "col0" und nicht "linkskeinenrand" oder ähnliches