Izkoristite Funky Spaces v vaših HTML tabelah

Če uporabljate tabele za postavitev strani - morda ne - ne v XHTML -ju - verjetno 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 katerega koli upravljalnega sloga.

Definicija tabele HTML

Oznaka HTML za tabel po privzetku ne zajema nekaterih zahtev glede razmika. V svojem HTML-dokumentu preverite tri stvari o oznaki mize :

  1. Ali ima vaša tabela atribut celičnega nabora nastavljen na 0?
    1. cellpadding = "0"
  2. Ali ima vaša tabela atribut celičnega presledka 0?
    1. cellspacing = "0"
  3. 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:

Alternativa

Čeprav lahko še vedno uporabljate tabele HTML - standard je dobro uveljavljen in splošno podprt v današnjih brskalnikih - najbolj sodoben odzivni spletni dizajn 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.