Ak používate tabuľky na rozvrhnutie stránok (nie je v XHTML, je pravdepodobné, že zažijete nevyslovené pridanie väčšieho priestoru vo vašom rozložení.) Na odstránenie tohto problému je potrebné skontrolovať definíciu tabuľky HTML a špecifiká všetkých riadiaci štýl štýlu.
Definícia tabuľky HTML
Značka HTML pre tabuľky v predvolenom nastavení nekontroluje niektoré požiadavky na medzery. Overenie troch vecí o značke "tabuľky" v dokumente HTML:
- Má vaša tabuľka atribút cellpadding nastavený na hodnotu 0?
-
Vnútorný okraj buniek = "0"
-
- Má vaša tabuľka atribút cellspacing nastavený na hodnotu 0?
-
cellspacing = "0"
-
- Máte nejaké medzery pred obsahom a za značkami tabuľky alebo po ňom?
Číslo 3 je kicker. Mnohí editorov HTML chcú, aby bol kód rozdelený všetko, aby bol ľahko čitateľný. Ale veľa prehliadačov interpretuje tieto karty, medzery a vozíky sa vracia ako požadovaný ďalší priestor vo vašich tabuľkách. Zbavte sa medzery okolo vašich značiek a budete mať ostrejšie stoly.
Štýlové listy
Nemusí to byť HTML, ktorý je vypnutý. Kaskádové štýlové listy riadia niektoré atribúty zobrazenia tabuliek a v závislosti od stránky, môžete alebo nemusíte mať zámerne pridané CSS špecifické pre tabuľku na prvom mieste.
Skenujte riadiaci súbor CSS pre ktorúkoľvek z nasledujúcich hodnôt v tabuľke ,' ' th "alebo ' td " vlastnosti a upravte podľa potreby:
- hraničné: Určuje atribúty tabuľky alebo hranice buniek
- border-collapse: Ošetruje priľahlé hranice ako jeden, aby sa zabránilo duplicite šírka hranice
- vypchávka: Ponúka prázdne miesto, v pixeloch, okolo každej bunky
- text-align: Určuje zarovnanie textu v bunke
- border-spacing: Nastavuje medzery medzi bunkami v pixeloch
alternatívy
Aj keď stále môžete používať HTML tabuľky (štandard je dobre zavedený a univerzálne podporovaný v dnešných prehliadačoch), najnovší moderný reagujúci dizajn webov používa kaskádové štýly na ukladanie prvkov na stránku. Tabuľky majú naďalej zmysel pre pôvodný zamýšľaný účel zobrazovania tabuľkových údajov, ale na usporiadanie rozloženia a obsahu stránky je lepšie použiť rozloženie CSS.
