Kui kasutate lehtede kujundamiseks tabeleid - XHTML-is ei ole-no , muide - tõenäoliselt näete oma paigutustes ka lisaväljade kaunitut lisamist. Selle probleemi lahendamiseks peate kontrollima nii oma HTML-tabeli määratlust kui ka mis tahes juhiloa lehe spetsiifikat.
HTML tabeli määratlus
Vaikimisi tabelite HTML-kood ei võimalda mõnda vahevajadust. HTML-dokumendis oleva tabeli sildi kontrollimiseks tehke kolm asi:
- Kas teie laual on atribuut cellpadding väärtuseks 0?
- cellpadding = "0"
- Kas teie laual on cellpacing atribuut seatud 0-le?
- cellpacing = "0"
- Kas teie ruumi sisu ja tabeli sildid on enne või pärast tühikuid?
Number 3 on kicker. Paljud HTML-i toimetajad tahavad, et kood oleks kõik välja jäetud, et seda oleks lihtne lugeda. Kuid paljud brauserid tõlgendavad neid tabeleid, vahelehti, tühikuid ja kärusid, kui soovitud lisab ruumi. Loobuge silte ümbritsevast tühimikust ja teil on crisper lauad.
Style Sheets
Kuid see ei pruugi olla HTML, mis on välja lülitatud. Kaskaadlaaditavate lehed kontrollivad mõningaid tabelite kuvamisaspekte ja sõltuvad lehelt, võib või ei pruugi tahtlikult lisada tabelispetsiifilist CSS-i.
Kontrollige CSS-faili juhtimist tabelis olevate järgmiste väärtuste , th- või td- omaduste jaoks ja kohandage vastavalt vajadusele:
- piiri määrab tabeli või raku piiri atribuudid
- piiri kollaps kohtleb naaberpiiri kui ühte, et vältida piiri laiuse dubleerimist
- padi pakub tühja ruumi, pikslites, iga lahtri ümber
- teksti-joondus määrab teksti joondamise lahtris
- piiride vahekaugus seab raku vahele pikslites
Alternatiivid
Kuigi saate kasutada HTML-tabeleid, on standard tänapäevastel brauseritel hästi tuntud ja universaalselt toetatud - kõige kaasaegsem reageerimisvõimalus Veebi disain kasutab lehe elementide paigutamiseks kaskaaditavaid stiililehti. Tabelid on endiselt otstarbekad nende esialgse kavandatud eesmärgiga kuvada tabelarvet, kuid selle asemel, et korraldada lehe kujundust ja sisu, on CSS-paigutuse kasutamine pigem parem.