Opbouw van een tabel

Backgrounds

e kunt tabellen van een achtergrondplaatje voorzien:

<table width="100%" border="0"
 cellspacing="0" cellpadding="0"
 background="img/mees.gif">
<tr>
<td height="112"><br></td>
</tr>
</table>

Resultaat:

Netter is het om dit met een style sheet te doen:

<table width="100%" border="0"
 cellspacing="0" cellpadding="0"
 style="background-image:
 url(img/mees.gif);">
<tr>
<td height="112"><br></td>
</tr>
</table>

Resultaat:

Standaard wordt een plaatje herhaald, maar dat kun je uitzetten.

background-repeat: no-repeat;

Vervolgens geef je aan waar het plaatje in de tabel getoond moet worden

background-position: right bottom;

Om een plaatje alleen horizontaal te herhalen:

background-repeat: repeat-x;

en verticaal:

background-repeat: repeat-y;

Voorbeeld:

<table width="100%" border="0"
 cellspacing="0" cellpadding="0"
 style="background-image:
 url(img/mees.gif);
 background-repeat: no-repeat;
 background-position: right bottom;
 background-color: #dcdcdc;
 border: 1px solid #999;
 padding: 4px;">
<tr valign="top">
<td height="112">In deze tabel staat
 het plaatje rechtsonderin</td>
</tr>
</table>

Resultaat:

In deze tabel staat het plaatje rechtsonderin