Jos käytät taulukoita sivun asettelua varten - ei-ei XHTML- muodossa - se todennäköisesti kokee järjetöntä ylimääräistä tilaa omiin asioihisi. Voit korjata tämän ongelman tarkistamalla sekä HTML-taulukkon määritelmän että hallintatyyppikilven tiedot.
HTML-taulukon määritelmä
Taulukoiden HTML-tunniste ei oletusarvoisesti ohjaa joitain välilyönnin vaatimuksia. Tarkista HTML-asiakirjan taulukkotunnisteesta kolme asiaa:
- Onko taulukossasi cellpadding attribuutti asetettu arvoon 0?
- cellpadding = "0"
- Onko taulukossa solujen välitysominaisuus asetettu arvoon 0?
- cellspacing = "0"
- Onko välilyöntejä ennen sisältöä tai sen jälkeen ja taulukon tunnisteita?
Numero 3 on kicker. Monet HTML-toimittajat haluavat koodin jakautua kaikkialle, jotta se olisi helppo lukea. Mutta monet selaimet tulkitsevat nämä välilehdet, välilyönnit ja vaunu palautuu haluamallesi lisätilavuudeksi taulukoissa. Pääset eroon tagien ympärillä olevasta välilyönnistä ja sinulla on terävämpiä taulukoita.
Tyyliarkit
Kuitenkin se ei välttämättä ole HTML, joka on pois päältä. Cascading tyyliarkit hallitsevat joitain taulukoiden näyttömääritteitä ja sivun mukaan, et ehkä ole tai eivät ole tarkoituksella lisänneet taulukkoskohtaista CSS: ää.
Skannaa hallitseva CSS-tiedosto jollakin seuraavista arvoista taulukon, th tai td ominaisuuksien sisällä ja säädä tarvittaessa:
- raja määrittää taulukon tai solurajan attribuutit
- raja-romahtaminen käsittelee vierekkäisiä rajoja yhtä, jotta vältetään raja-arvon leviäminen
- pehmuste tarjoaa tyhjää tilaa pikseleinä jokaisen solun ympärillä
- teksti-align määrittelee tekstin kohdistuksen soluun
- raja-välimatka asettaa solujen välisen etäisyyden pikseleinä
vaihtoehtoja
Vaikka voit silti käyttää HTML-taulukoita - standardi on vakiintunut ja universaalisti tuettu nykypäivän selaimissa - nykyaikaisin reagoiva web-suunnittelu käyttää CSS-tyyppisiä arkkia, jotta elementit voidaan sijoittaa sivulle. Taulukoilla on vielä järkeä niiden alkuperäiseen tarkoitukseen näyttää taulukkotietoja, mutta sivun asettelun ja sisällön järjestämisessä on paljon parempi käyttää CSS-ulkoasua sen sijaan.