Schöne Rahmen für Tabellen
Wir machen hier mal ein Beispiel einer kleinen Tabelle mit nur einer Zelle.Die Tabelle besteht aus 2 übereinanderliegenden Tabellen, in Fachkreisen heisst das ganze dann auch "verschachtelte Tabellen".
Die erste Tabelle machen wir in unserem Beispiel mal in Rot.
Das ist dann auch die Farbe, den der Rahmen dann später haben wird.
Die zweite Tabelle setzen wir zentriert genau in die erste Tabelle und werden die Tabelle an jeder der vier Seiten um einen Pixel kleiner machen.
Somit wird die erste Tabelle von der zweiten Tabelle verdeckt und wir sehen nur noch einen 1 Pixel breiten, roten Rand von der ersten Tabelle, die dann unseren Rahmen darstellt.
Das waren viele unverständliche Worte ;)
Aber der Code wird es schon verdeutlichen.
<TABLE border="0" bgcolor="red" width="102" height="102" cellspacing="0" cellpadding="0">
<TR><TD>
<TABLE border="0" bgcolor="white" width="100" height="100" align="center">
<TR><TD>
Textinhalt der Tabelle
</TD></TR>
</TABLE>
</TD></TR>
</TABLE>
Bei der ersten Tabelle die den Rahmen darstellt, ist es wichtig
cellspacing und cellpadding auf "0" zu setzen, um die Abstände
vom durchsichtigen Rahmen (border="0") und die Abstände
vom Rahmen zum Tabelleninhalt auszuschalten.
Ansonsten erzielen wir nicht unseren Rahmen von nur 1 Pixel stärke.
Kommentare