Če uporabljate tabele za postavitev strani (ne-ne v XHTML-u, je verjetno, da boste v svoji postavitvi doživeli neprijeten dodatek dodatnega prostora. Če želite odpraviti to težavo, morate preveriti tako definicijo tabele HTML kot tudi specifike katere koli urejanje slogovnega lista.
Definicija tabele HTML
Oznaka HTML za tabel po privzetku ne zajema nekaterih zahtev glede razmika. Preverite tri stvari o oznaki »tabela« v dokumentu HTML:
- Ali ima vaša tabela atribut celičnega nabora nastavljen na 0?
-
cellpadding = "0"
-
- Ali ima vaša tabela atribut celičnega presledka 0?
-
cellspacing = "0"
-
- Ali obstajajo presledki pred ali po vsebini in oznakami mize?
Številka 3 je kicker. Številni uredniki HTML želijo, da je koda vse razmaknjena, da bi bila preprosta za branje. Toda mnogi brskalniki tolmačijo tiste jezičke, presledke in vozovnice, kot želeni dodatni prostor znotraj vaših tabel. Znebite se presledkov, ki obdajajo oznake in imeli boste jasnejše mize.
Style Sheets
Vendar to morda ni HTML, ki je izključen. Kaskadni listi slogov nadzorujejo nekatere atribute prikaza tabel in odvisno od strani, lahko namesto tega namerno dodate CSS za posamezno tabelo.
Skenirajte vodilno datoteko CSS za katero koli od naslednjih vrednosti znotraj tabele ,' ' th "ali ' td " lastnosti in po potrebi prilagodite:
- meja: Določa atribute meje tabele ali celice
- čezmejni propad: Obravnava sosednje meje kot eno, da bi se izognili podvajanju širine meje
- oblazinjenje: Ponuja prazen prostor v pikicah okoli vsake celice
- poravnava besedila: Določa poravnavo besedila v celici
- mejnega razmika: Nastavi razmik med celicami v slikovnih pikah
Alternativa
Čeprav lahko še vedno uporabljate tabele HTML (standard je dobro uveljavljen in splošno podprt v današnjih brskalnikih), najbolj moderen odzivni spletni model uporablja kaskadne slogovne liste za postavitev elementov na stran. Tabele še vedno smiselno za njihov prvotni namen prikazovanja tabelarnih podatkov, ampak za organizacijo postavitve in vsebine strani, namesto tega uporabljate postavitev CSS.
