weballey logo
 
left Tables - kleuren backnext right
homesearchsite mape-mail
intro
uitbreiding
afmetingen
< kleuren >
randen
uitlijnen
nesten
navbar
samenvatting
tags
slot
      Tabel achtergronden kunnen gekleurd zijn. Net als het BGCOLOR attribuut de achtergrond voor een hele webpagina instelt. Hetzelfde attribuut wordt gebruikt om tabellen rijen of enkele cellen in te kleuren. Tussen browsers kunnen wel verschillen optreden. Sommige browsers kleuren de randen mee, andere laten ze ongemoeid.

<TABLE BORDER="1" BGCOLOR="aqua">
<TR><TD>cel</TD><TD>cel</TD></TR>
</TABLE>

celcel

<TABLE BORDER="1">
<TR><TD BGCOLOR="aqua">cel</TD><TD>cel</TD></TR>
</TABLE>

celcel

    Je kunt deze posities combineren. Je kleurt dan de gehele tabel met de ene kleur, en een specifieke rij of cel met een andere. Instellingen voor cellen gaan boven rijen, rijen boven de tabel.

<TABLE BORDER="1" BGCOLOR="aqua">
<TR BGCOLOR="orange">
<TD BGCOLOR="lime">cel</TD>...

celcelcel
celcelcel

    Kijk eens naar het geheel van deze pagina. Je zou nu moeten kunnen zeggen, hoe de gekleurde stroken gemaakt zijn. Deze inkleuring van tabellen wordt dankbaar gebruikt door vele webdesigners. Het ziet er niet alleen goed uit, maar je hebt ook geen graphics meer nodig. Wat je weer downloadtijd scheelt, terwijl je je bezoeker toch een prettig ogende layout voorschotelt.
    Als je helemaal niets in een cel zet, kan de achtergrondkleur verdwijnen. Om zeker te gaan kun je dus het beste altijd even iets in een gekleurde cel zetten. Als je daar niets van wilt zien kun je een spatie gebruiken, het "non breakable space" html teken.

<TD>&nbsp;</TD>

cel       

goto top  
leftCopyright © Gerben Hoekstra - Alle rechten voorbehouden backnext right