Als nächstes behandeln wir die Attribute CELLPADDING (Textabstand) und CELLSPACING (Zellenabstand). Beide werden im <TABLE> Tag verwendet. CELLPADDING ist der Abstand zwischen Zellenrand und Zelleninhalt.
<TABLE BORDER=3 CELLPADDING=12> <TR> <TD>Ed</TD> <TD>Tom</TD> <TD>Rick</TD> </TR> <TR> <TD>Larry</TD> <TD>Curly</TD> <TD>Moe</TD> </TR> </TABLE>
Ed | Tom | Rick |
Larry | Curly | Moe |
Der Standardwert für diese Attribut ist normalerweise 1. Der Grund, warum es 1 und nicht 0 ist, liegt darin, dass der Text nicht an den Rand stossen soll (obwohl Du 0 angeben kannst, wenn Du möchtest).
Wenn wir CELLPADDING durch CELLSPACING ersetzen, erhalten wir ein leicht anderes Ergebnis.
<TABLE BORDER=3 CELLSPACING=12> <TR> <TD>Ed</TD> <TD>Tom</TD> <TD>Rick</TD> </TR> <TR> <TD>Larry</TD> <TD>Curly</TD> <TD>Moe</TD> </TR> </TABLE>
Ed | Tom | Rick |
Larry | Curly | Moe |
Der Standardwert für CELLSPACING ist normalerweise 2.
Wir können natürlich diese beiden Attribute zusammen verwenden.
<TABLE BORDER=3 CELLSPACING=12 CELLPADDING=12> <TR> <TD>Ed</TD> <TD>Tom</TD> <TD>Rick</TD> </TR> <TR> <TD>Larry</TD> <TD>Curly</TD> <TD>Moe</TD> </TR> </TABLE>
Ed | Tom | Rick |
Larry | Curly | Moe |
Und damit wir sehen, was passiert, setzen wir beide Attribute auf 0.
<TABLE BORDER=3 CELLSPACING=0 CELLPADDING=0> <TR> <TD>Ed</TD> <TD>Tom</TD> <TD>Rick</TD> </TR> <TR> <TD>Larry</TD> <TD>Curly</TD> <TD>Moe</TD> </TR> </TABLE>
Ed | Tom | Rick |
Larry | Curly | Moe |
Bevor wir weitermachen, möchte ich noch etwas besprechen. Ich habe jetzt immer häufiger gesehen, das HTML Autoren die Endtags für Zelle </TD>, für Zeile </TR> und für Tabelle </TABLE> weglassen. Sogar die W3W Empfehlung erlaubt das Weglassen der Endtags für Zelle und Zeile. Der Gedanke ist, dass der Browser wissen sollte, dass wenn eine neue Zeile anfängt, die alte geendet haben muss. Unglücklicherweise verstehen manche Browser das nicht mehr, wenn Deine Tabelle umfangreicher wird, und sie wird falsch dargestellt. Die einzige Lösung, dies zu umgehen, ist es , immer.Endtags anzugeben. Das führt uns zu unserer nächsten FAQ...
FAQ: Ich habe meine Tabelle mit SooperCoder erstellt und sie sieht im
Browser A gut aus aber ist in Browser B unsichtbar. Was ist los? A: Immer, wenn eine ganze Tabelle oder Teile davon "verschwinden", liegt der Grund wahrscheinlich in einem oder mehreren fehlenden </TABLE> Tags. Achte darauf, dass alle Endtags (besonders /TABLE) angegeben sind und das Problem verschwindet. ;-) |