Home

Hoogte en Breedte van Tabellen

Zonder explicite instructies bepaald de browser zelf hoe groot een tabel en de erin opgenomen cellen worden.

Met de volgende attributen kun je ondermeer de browser voorschrijven hoe groot de tabel moet worden en hoe de inhoud moet worden uitgelijnd. Als de tabel niet kan worden weergegeven volgens je aanwijzingen, omdat bijvoorbeeld een cel kleiner gespecificeerd is dan de afbeelding erin, dan worden je aanwijzingen genegeerd. Afbeeldingen worden altijd de benodigde afmetingen gegeven.

Je kunt de hoogte en breedte van zowel de gehele tabel of een enkele cel vastleggen. Wil je de afmetingen van de gehele tabel bepalen, dan voeg je aan de <TABLE>-tag de attributen HEIGHT en WIDTH (vervallen in nwe versies) toe.

Ma. - Di Wo. - Do. Vr. - Za.
8.00 - 20.00 8.00 - 19.00 14.00 - 23.00

<table width="300" height="150" border="1">
<tr>
<td>Ma. - Di</td>
<td>Wo. - Do.</td>
<td>Vr. - Za.</td>
</tr>
<tr>
<td>8.00 - 20.00</td>
<td>8.00 - 19.00</td>
<td>14.00 - 23.00</td>
</tr>
</table>

De getalswaarde is in pixels. Als je de tabel bijvoorbeeld net zo breed als het browser venster wil maken werkt dit niet omdat je niet weet hoe groot het venster bij de gebruiker is. Dan werk je met procenten van de gehele venstergrootte.
De percentages van een tabel hebben betrekking op de grootte van de window waarin de tabel weergegeven wordt. De percentages van een cel hebben betrekking op de afmetingen van de actuele tabelgrootte. De percentages van een geneste tabel hebben betrekking op de actuele afmetingen van de cel waarin de tabel geplaatst is.

Naar boven

Met de aanwijzing WIDTH in een cel leg je vast hoe breed die ene cel moet zijn. Daarmee leg je ook de breedte van alle cellen in dezelfde kolom vast.

Ma. - Di. Wo. - Do. Vr. - Za.
8.00 - 20.00 8.00 - 19.00 14.00 - 23.00

<table width="300" border="1">
<tr>
<td width="50%">Ma. - Di.</td>
<td width="20%">Wo. - Do.</td>
<td>Vr. - Za.</td>
</tr>
<tr>
<td>8.00 - 20.00</td>
<td>8.00 - 19.00</td>
<td>14.00 - 23.00</td>
</tr>
</table>

Voor de beide eerste cellen is de breedte bepaald. Aangezien de aanwijzingen in de laatste cellen ontbreken, worden deze automatisch zo breed gemaakt dat ze de breedte van de tabelrijen vullen.

Naar boven