Jos käytät taulukkoja sivun asetteluun (ei-ei XHTML: ssä), todennäköisesti koet ylimääräisen tilan epämiellyttävän asettelun. Voit korjata tämän ongelman tarkistamalla sekä HTML-taulukon määritelmän että minkä tahansa hallitsevan tyylitaulukon yksityiskohdat.
HTML-taulukon määritelmä
HTML tag taulukoille ei oletusarvoisesti ohjaa joitain välivaatimuksia. Tarkista kolme asiaa pöytä tag HTML-asiakirjassa:
- Onko taulukossasi cellpadding-määritteeksi asetettu 0?
cellpadding = "0"
- Onko taulukossasi solutilamääritteeksi asetettu 0?
solutila = "0"
- Onko sisällön ja taulukon tunnisteiden edessä tai jälkeen mitään välilyöntejä?
Numero 3 on potkija. Monet HTML-editorit haluaisin, että koodi on erotettu toisistaan, jotta se olisi helppo lukea. Mutta monet selaimet tulkitsevat välilehdet, välilyönnit ja rivinvaihdot halutuksi ylimääräiseksi tilaksi taulukoiden sisällä. Päästä eroon tunnisteitasi ympäröivästä tyhjätilasta ja sinulla on tarkemmat taulukot.
Tyylilevyt
Ei kuitenkaan HTML-koodi ole poissa käytöstä.
CSS-tyylisivut hallitse joitain taulukoiden näyttöattribuutteja ja sivusta riippuen olet saattanut olla tai ei ole tarkoituksella lisännyt taulukkokohtaista CSS: ää.Skannaa hallitseva CSS-tiedosto seuraavien arvojen suhteen pöytä, thtai tdominaisuudet ja säädä tarvittaessa:
- rajalla: Määrittää taulukon tai solurajan määritteet
- rajan romahtaminen: Käsittelee vierekkäisiä rajoja yhtenä, jotta vältetään päällekkäisyydet
- pehmuste: Tarjoaa tyhjää tilaa pikseleinä jokaisen solun ympärillä
- tekstin tasaus: Määrittää tekstin tasaus solun sisällä
- rajaväli: Asettaa solujen välisen etäisyyden pikseleinä
Vaihtoehdot
Vaikka voit silti käyttää HTML-taulukoita (standardi on vakiintunut ja yleisesti tuettu nykypäivänä selaimet), nykyaikaisin reagoiva verkkosuunnittelu käyttää CSS-tyylitaulukoita elementtien sijoittamiseksi sivulle. Taulukot ovat edelleen järkeviä alkuperäiselle tarkoitukselleen näyttää taulukkotiedot, mutta sivun asettelun ja sisällön järjestämiseksi sinun on paljon parempi käyttää CSS-asettelua sen sijaan.