Professional Web Design - Tabellen Tutor

Lass uns CELLPADDING und CELLSPACING loswerden und uns zur normalen Tabelle zurückkehren.

<TABLE BORDER=3>

<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

Eine coole Funktion der neueren Browser ist die Fähigkeit, Hintergrundfarben für Zellen, Zeilen oder die ganze Tabelle festzulegen. Man verwendet BGCOLOR genauso wie im <BODY> Tag.

<TABLE BORDER=3 BGCOLOR="#FFCC66">

<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

<TABLE BORDER=3>

<TR BGCOLOR="#FF9999">
<TD>Ed</TD>
<TD>Tom</TD>
<TD>Rick</TD>
</TR>

<TR BGCOLOR="#99CCCC">
<TD>Larry</TD>
<TD>Curly</TD>
<TD>Moe</TD>
</TR>

</TABLE>

Ed	Tom	Rick
Larry	Curly	Moe

<TABLE BORDER=3>

<TR BGCOLOR="#FFCCFF">
<TD>Ed</TD>
<TD>Tom</TD>
<TD>Rick</TD>
</TR>

<TR>
<TD BGCOLOR="#FF0000">Larry</TD>
<TD>Curly</TD>
<TD BGCOLOR="#3366FF">Moe</TD>
</TR>

</TABLE>

Ed	Tom	Rick
Larry	Curly	Moe

Hier ist eine praktische Karte , die ich verwende , um die Hintergrundfarben auszuwählen. Es gibt auch 2 Karten im HTML-Format, eine mit 216 Farben und eine weiter mit 1536 Farben. Du kannst auch den Color Picker verwenden, um mit ein wenig Farben herumzuspielen.

Noch etwas zu Tabellenhintergrundfarben... Ein <TD> Hintergrund überschreibt einen <TR> Hintergrund und ein <TR> Hintergrund überschreibt einen <TABLE> Hintergrund. Das braucht zwar keine weiter Erläuterung, aber ich habe meinen Spass dabei, also hier noch ein Beispiel:

<TABLE BORDER=3 BGCOLOR="#FF6633">

<TR BGCOLOR="#009900">
<TD BGCOLOR="#9999FF">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