Hvis du bruger tabeller til sidelayout (et ikke-nej i XHTML, er det sandsynligvis, at du oplever den uhyggelige tilføjelse af ekstra plads i dine layout. For at rette op på dette problem skal du kontrollere både din HTML-tabeldefinition og specifikationerne for enhver styrende stilark.
HTML Table Definition
HTML-tagget til tabeller som standard styrer ikke for nogle afstandskrav. Bekræft tre ting om tabellen "bord" i dit HTML-dokument:
- Har din tabel cellepadsattributten indstillet til 0?
-
cellpadding = "0"
-
- Har din tabel cellepladeattributten sat til 0?
-
cellspacing = "0"
-
- Er der pladser før eller efter dit indhold og bordets tags?
Nummer 3 er kickeren. Mange HTML-redaktører har lyst til at få koden helt fordelt for at gøre det nemt at læse. Men mange browsere fortolker disse faner, mellemrum og vogn returnerer som ønsket ekstra plads i dine tabeller. Slap af med whitespace omkring dine tags, og du får skarpere tabeller.
Stilark
Det kan dog ikke være den HTML, der er slukket. Cascading stilark styrer nogle visningsattributter af tabeller og afhængigt af siden, har du måske eller ikke tilfældigt tilføjet bordspecifik CSS i første omgang.
Scan den styrende CSS-fil for en af følgende værdier inde i "tabellen ,' ' th "eller ' TD" egenskaber og juster efter behov:
- grænse: Angiver attributterne for en tabel eller celle grænse
- border-kollaps: Behandler tilstødende grænser som en, for at undgå duplikering af grænsebredder
- polstring: Tilbyder tomt mellemrum, i pixels, omkring hver celle
- text-align: Bestemmer justering af tekst i cellen
- border-spacing: Indstiller afstand mellem celler i pixels
Alternativer
Selv om du stadig kan bruge HTML-tabeller (standarden er veletableret og universelt understøttet i dagens browsere), bruger det mest moderne lydhurtige webdesign cascading stilark til at placere elementer på en side. Tabeller giver stadig mening for deres oprindelige planlagte formål med at vise tabular data, men for at organisere layout og indhold på en side, er du meget bedre at bruge CSS layout i stedet.
