✔ Innenabstand von Tabellenzellen?

[tequila slammer]

Ich versuche gerade nach und nach mein Tabellenlayout auf css umzubauen. Ich teste dabei noch mit dem InternetExplorer 6. Nun zu meinem Problem:

Ich hatte die Tabellenzellen mit Hintergrundbild gemacht, dass sich über die ganze Zellenbreite erstreckt Nun möchte ich das der Text nicht direkt am linken Rand "klebt".
Für den Innenabstand gibt es ja padding="x". Dies bewirkt allerdings, dass alle Innenränder einen Abstand von x Einheiten hat.

Meine Frage nun: Gibt es eine Möglichkeit, dieses Problem mit css zu lösen?

mfg

 

[Maik]

Ja, die gibt es:

padding: 0 0 0 5px; /* Innenabstand oben - rechts - unten - links */

/* oder */

padding-left: 5px; /* linker Innenabstand */

 

[tequila slammer]

das hatte ich schon wie folgt versucht.

.test { padding-left: 5px;}

<tr class="test"><td>usw.

 

[Maik]

Wende die CSS-Regel mal auf die Tabellenzelle an, in der der Text enthalten ist

<tr><td class="test">...</td>

 

[tequila slammer]

Super so gehts. Aber das würde bedeuten, dass ich das in jede Tabellenzelle schreiben muss. Würde es denn nicht auch über tr gehen?

 

[BabyMitSchnully]

hm. Dann schreibs doch in den td.

td {
padding-left: 5px;
}

 

[Maik]

Für das tr-Element ist die padding-Eigenschaft gar nicht vorgesehen, sprich es unterstützt sie überhaupt nicht.

Von daher musst du die Eigenschaft, wie von BabyMitSchnully vorgeschlagen, auf das td-Element anwenden, wenn dir das Einsetzen der CSS-Klasse .test zu aufwendig / umständlich ist. In diesem Fall gilt die Formatierung dann in dem Dokument für alle Tabellenzellen.