Hvis du bruker tabeller for sidelayout (et ikke-nei i XHTML, er det sannsynligvis at du opplever det gale tillegget av ekstra plass i layoutene. For å fikse dette problemet må du sjekke både HTML-tabelldefinisjonen og spesifikkene til noen styrende stilark.
HTML-tabelldefinisjon
HTML-taggen for tabeller som standard kontrollerer ikke for noen avstandskrav. Bekreft tre ting om "tabellen" -taggen i HTML-dokumentet ditt:
- Har bordet ditt cellpadding attributtet satt til 0?
-
cellpadding = "0"
-
- Har bordet ditt cellespaceattributtet satt til 0?
-
cellspacing = "0"
-
- Er det noen mellomrom før eller etter innholdet ditt og tabellens koder?
Nummer 3 er kickeren. Mange HTML-redaktører liker å ha koden alle fordelt ut, for å gjøre det enkelt å lese. Men mange nettlesere tolker disse kategoriene, mellomrom og vogn returnerer som ønsket ekstra plass i bordene dine. Bli kvitt hvite rommet som omgir kodene dine, og du vil få skarpere tabeller.
Stilark
Det kan imidlertid ikke være HTML som er av. Cascading-stilark kontrollerer noen visningsattributter av tabeller og avhengig av siden, kan du eller ikke med vilje legge til bordsspesifikke CSS i utgangspunktet.
Skann den styrende CSS-filen for noen av følgende verdier i "tabellen ,' ' Thor ' td" egenskaper og juster etter behov:
- grense: Angir attributter til en tabell eller cellegrense
- border-kollaps: Behandler tilstøtende grenser som en, for å unngå duplisering av kantbredder
- padding: Tilbyr tomt mellomrom, i piksler, rundt hver celle
- tekst-Juster: Bestemmer justering av tekst i cellen
- kant-avstand: Angir mellomrom mellom celler, i piksler
Alternatives
Selv om du fortsatt kan bruke HTML-tabeller (standarden er veletablert og støttet universelt i dagens nettlesere), bruker mest moderne, responsivt webdesign kaskade stilark for å plassere elementer på en side. Tabeller er fortsatt fornuftige for deres opprinnelige formålet med å vise tabelldata, men for å organisere layout og innhold på en side, er du langt bedre med å bruke CSS-layout i stedet.
