Internet > Tables

Tables:

Over bgcolor / achtergrondkleuren en tabellen.

Een voorbeeld van de syntax:
Met <table border="1" width="60%" bgcolor="#ffff00"> kun je de achtergrondkleur van een hele tabel vastleggen.
Met <td bgcolor="#ff9900"> de achtergrondkleur van een (1) tabelcel.
Met <tr bgcolor="#ff00ff"> doe je hetzelfde voor alle cellen in dezelfde regel.
Zie voor meer inlichtingen het einde van de pagina.

Voorbeeld

<table border="1" width="60%" bgcolor="#ffff00">
<tr>
<td width="50%" height="100">Amsterdam</td>
<td bgcolor="#00ffff">Volendam</td>
<td>Edam</td>
</tr>
<tr bgcolor="#ff00ff">
<td>Damrak</td>
<td>Dijk</td>
<td>Kaasmarkt</td>
</tr>
<tr>
<td>Patat</td>
<td>Paling</td>
<td bgcolor="#ff9900">Kaas</td>
</tr>
</table>
<h3>Breed en hoog met CSS</h3>
<table border="1" style="width:60%" style="background-color:#ffff00">
<tr>
<td style="width:50%; height:100px">Amsterdam</td>
<td style="background-color:#00ffff">Volendam</td>
<td>Edam</td>
</tr>
<tr style="background-color:#ff00ff">
<td>Damrak</td>
<td>Dijk</td>
<td>Kaasmarkt</td>
</tr>
<tr>
<td>Patat</td>
<td>Paling</td>
<td style="background-color:#ff9900">Kaas</td>
</tr>
</table>

Zo ziet het er in het echt uit!

Als op jouw scherm met jouw browser (in het echt) de onderste tabel er niet zo uitziet als de bovenste, is het misschien tijd om een nieuwere versie te installeren?

Spelregels:
De kleur die je voor de cel opgeeft heeft voorrang boven de kleur die je voor de regel opgeeft.
De kleur die je voor de regel opgeeft heeft voorrang boven de kleur die je voor de tabel opgeeft.

Opletten
Let erop dat de tekstkleur goed contrasteert met je achtergrondkleur.

Spacing en Padding.
Width / breedte.

top