HTML

Tips

Haarfijne kaders!
De eenvoudige variante. Twee tabellen, genest.
Als eerste de basistabel met cellpadding="0" en cellspacing="0" een achtergrondkleurtje (darkgrey) verduidelijkt de zaak.

<table cellpadding="0" cellspacing="0" border="0" bgcolor="darkgray" width="100">
<tr>
<td>
<br>
</td>
</tr>
</table>

De binnentabel met een gedefinieerd kader (cellpadding und cellspacing), alleen op die manier schijnt de achtergrond "erdoorheen", om het haarfijne kader te kunnen zien.
Hier moet een andere achtergrond gekozen worden (lightgray) die afsteekt van de andere achtergrond, anders zie je het effect niet.
In die binnenste tabel staat de "inhoud".
Door verandering van de achtergrondkleur en de randafstand kun je variëren.
Omdat de binnenste tabel zich moet aanpassen aan de buitenste tabel is altijd een breedte van 100% nodig.
De basistabel (buiten) kun je elke gewenste breedte geven.

<table width="100%" border="0" cellspacing="1" cellpadding="5">
<tr bgcolor="lightgrey">
<td>Inhoud van de cel</td>
</tr>
</table>

Inhoud van de cel

Daarna zetten we tabel 2 in tabel 1 en dan ziet het er zo uit:

Inhoud van de cel

Met kader.

Inhoud van de cel

Source.