Jos käytät taulukoita sivun asettelua varten (ei-ei XHTML-tiedostossa, todennäköisesti koet epätasainen ylimääräisen tilan asetteluissasi. Tämän ongelman korjaamiseksi sinun on tarkistettava sekä HTML-taulukkon määritelmä että minkä tahansa hallitsevan tyyliarkin.
HTML-taulukon määritelmä
Taulukoiden HTML-tunniste ei oletusarvoisesti ohjaa joitain välilyönnin vaatimuksia. Tarkista kolme asiaa HTML-asiakirjan "taulukko" -tagista:
- 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 sisällä" ,' ' th "tai ' td" ominaisuuksia ja säädä tarvittaessa:
- reunus: Määrittää taulukon tai solurajan attribuutit
- border-collapse: Rajoittaa viereisiä rajoja yhtä, jotta vältetään päällekkäiset rajan leveydet
- täyte: Tarjoaa tyhjää tilaa pikseleinä jokaisen solun ympärillä
- text-align: Määrittää tekstin kohdistuksen soluun
- border-väli: Asettaa solujen välisen etäisyyden pikseleinä
vaihtoehtoja
Vaikka voit silti käyttää HTML-taulukoita (standardi on vakiintunut ja universaalisti tuettu nykyisillä selaimilla), nykyaikainen 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.
