Als u tabellen gebruikt voor paginalay-out (een no-no in XHTML is het waarschijnlijk dat u de lelijke toevoeging van extra ruimte in uw lay-outs ondervindt.) Om dit probleem op te lossen, moet u zowel uw HTML-tabeldefinitie als de details van een willekeurige stijlblad.
HTML-tabeldefinitie
De HTML-tag voor tabellen is standaard niet van toepassing op sommige spatiëringvereisten. Controleer drie dingen over de tag "table" in uw HTML-document:
- Is het kenmerk cellpadding van uw tabel op 0 ingesteld?
-
cellpadding = "0"
-
- Heeft uw tabel het kenmerk cellspacing ingesteld op 0?
-
cellspacing = "0"
-
- Zijn er spaties vóór of na uw inhoud en de tags van de tabel?
Nummer 3 is de kicker. Veel HTML-editors vinden het prettig om de code overal te hebben om het gemakkelijk leesbaar te maken. Maar veel browsers interpreteren die tabs, spaties en carriage returns als gewenste extra ruimte binnen uw tabellen. Ontdoe je van de witruimte rondom je tags en krijg je krakertafels.
Style Sheets
Het is echter mogelijk niet de HTML die is uitgeschakeld. Trapsgewijze stylesheets besturen sommige weergaveattributen van tabellen en afhankelijk van de pagina kunt u al dan niet opzettelijk tabelspecifieke CSS toevoegen.
Scan het betreffende CSS-bestand naar een van de volgende waarden in de "tabel ,' ' th "of ' td" eigenschappen en aanpassen waar nodig:
- grens: Specificeert de kenmerken van een tabel of celrand
- border-collapse: Behandelt aangrenzende randen als één, om dubbele randbreedten te voorkomen
- vulling: Biedt een lege ruimte, in pixels, rond elke cel
- text-align: Bepaalt de uitlijning van tekst binnen de cel
- border-spacing: Stelt de tussenruimte tussen cellen in, in pixels
alternatieven
Hoewel u nog steeds HTML-tabellen kunt gebruiken (de standaard is goed ingeburgerd en wordt in de browsers van vandaag algemeen ondersteund), gebruikt het modernste responsieve webontwerp cascading style sheets om elementen op een pagina te plaatsen. Tabellen zijn nog steeds zinvol voor hun oorspronkelijk beoogde doel van het weergeven van tabelgegevens, maar voor het organiseren van de lay-out en de inhoud van een pagina ben je veel beter af met CSS-lay-out.
