Ak používate tabuľky na rozvrhnutie stránok - nie-nie v XHTML , tak je pravdepodobné, že zažijete nevšedné pridanie väčšieho priestoru v rozložení. Ak chcete tento problém vyriešiť, musíte skontrolovať definíciu vašej HTML tabuľky a špecifiká každého riadiaceho š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 vo vašom 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:
- hranica určuje atribúty tabuľky alebo hranice bunky
- hraničný kolaps zaobchádza s priľahlými hranicami ako s jedným, aby sa predišlo duplicite šírok hraníc
- polstrovanie ponúka prázdne miesto, v pixeloch, okolo každej bunky
- text-align určuje zarovnanie textu v bunke
- medzery medzi polohami 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. Najmodernejší 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.