Formatierung einer Tabelle
enrico
- css
0 Steel1 Gernot Back
Hallo,
ich flippe bei meinem profanen Problem bald aus:
Ich möchte einer Tabelle einen 4px Innenabstand innerhalb jeder Zelle
zum Inhalt zuweisen:
table
{
width: 100%;
border-spacing: 4px;
border-collapse: collapse;
margin: 0px;
padding: 0px;
font: bold 10px Verdana;
color: #b2b2b2;
}
td
{
border: 1px solid #97c3ed;
}
Der Abstand wird aber nicht angezeigt.
Habe ich hier bei den Definitionen die entsprechende Definition durch
eine andere wieder ausgehebelt?
Woran liegt es?
Danke für Eure Hilfe in dieser doch peinlichen Frage (finde ich).
Gruß,
Enrico
Hallo,
Hallo zurueck!
Ich möchte einer Tabelle einen 4px Innenabstand innerhalb jeder Zelle
zum Inhalt zuweisen:
Okey. Nur, warum sagst Du dann
table
{
width: 100%;
border-spacing: 4px;
border-collapse: collapse;
margin: 0px;
padding: 0px;
HIER ^^^^
font: bold 10px Verdana;
color: #b2b2b2;
}
Dass du 0 Pixel moechtest und teilst
td
{
border: 1px solid #97c3ed;
HIER
}
nirgends mit, dass deine Zellen sowas haben sollen?
Kleine Regel zum Merken: wer Padding will, sollte Padding definieren.
Lustig finde ich auch, dass Du deiner Tabelle sagst 'Hey, mach mach 4 Pixel Abstand zwischen den Rahmen der Zellen!' Und eine Zeile spaeter forderst Du 'Lass doch mal den Abstand weg und die Rahmen zusammenfallen.'
Brav, wie Deine Tabelle ist, macht sie das dann auch: sie baut 4 Pixel abstand ein und praesentiert dir das Endergebnis. Ein Tabelle ohne Zwischenraeume.
Hallo enrico,
Ich möchte einer Tabelle einen 4px Innenabstand innerhalb jeder Zelle
zum Inhalt zuweisen:
> table
> {
> width: 100%;
> border-spacing: 4px; /* Das ist der Außenabstand wirkt eh nur in Nicht-IEs*/
> border-collapse: collapse; /* das hebelt's wieder aus */
> }
> td
> {
> border: 1px solid #97c3ed;
> }
Der Abstand wird aber nicht angezeigt.
Warum gibst du denn auch keinen Innenabstand (paddding:4px; bei td) an?
Wunder dich doch nicht!
Gruß Gernot