weballey logo
 
left Tables - samenvatting backnext right
homesearchsite mape-mail
intro
uitbreiding
afmetingen
kleuren
randen
uitlijnen
nesten
navbar
< samenvatting >
tags
slot
 
  • Tabellen worden gebruikt om tekst en afbeeldingen exact te positioneren; ze zijn op het ogenblik het belangrijkste instrument voor de layout van webpagina's.
  • Tabellen worden gemaakt met de TABLE tag, daarin rijen met de TR tag, daarin cellen met de TD tag. Inhoud kan alleen tussen de TD tags staan. De juiste volgorde van deze tags is cruciaal.
  • Tabel- en celgrootte worden bepaald door het WIDTH attribuut, in pixels en percentages. Geef alle afmetingen aan, cellen alleen in de eerste rij.
  • Tabelranden worden zichtbaar met het BORDER attribuut als dat groter dan nul is. Ruimte tussen cellen wordt bepaald door het CELLSPACING attribuut, ruimte tussen celrand en inhoud door het CELLPADDING attribuut. Zet al deze op nul voor een precieze layout van webpagina's.
  • Tabel en cel achtergronden worden ingekleurd met het BGCOLOR attribuut. Zet een non breakable space (&nbsp;) in lege cellen, om de kleur zichtbaar te houden.
  • Celinhoud wordt uitgelijnd met het ALIGN attribuut naar LEFT, CENTER en RIGHT. Verticaal met het VALIGN attribuut naar TOP, MIDDLE en BOTTOM. Lijn geen hele tabellen uit, alleen cellen.
  • Tabellen kunnen genest worden, maar complexe en diep geneste tabellen geven grote problemen met je browser.
  • Zet nooit harde line breaks of spaties tussen TD tags en afbeeldingen, om ongewenste ruimte te voorkomen.
goto top  
leftCopyright © Gerben Hoekstra - Alle rechten voorbehouden backnext right