Používáte-li tabulky pro rozvržení stránky - ne-ne v XHTML , mimochodem - je pravděpodobné, že zažijete nevrozené přidání dalšího místa v rozvržení. Chcete-li tento problém vyřešit, je třeba zkontrolovat jak definici tabulky HTML, tak i specifika všech standardních listů stylů.
Definice tabulky HTML
Značka HTML pro tabulky ve výchozím nastavení neplatí pro některé požadavky na odstup. Ověřte tři věci o značce tabulky v dokumentu HTML:
- Má váš tabulka atribut cellpadding nastaven na hodnotu 0?
- cellpadding = "0"
- Má váš tabulka atribut cellspacing nastaven na hodnotu 0?
- cellspacing = "0"
- Jsou nějaké mezery před nebo po obsahu a značkách tabulky?
Číslo 3 je kicker. Mnoho editorů HTML si přeje, aby byl kód rozložen ven, aby byl snadno čitelný. Ale mnoho prohlížečů interpretuje tyto záložky, mezery a kočár se vrací jako požadovaný extra prostor uvnitř vašich tabulek. Zbavte se částí, které obklopují vaše značky, a budete mít ostřejší stoly.
Stylové listy
Může však být HTML, který je vypnutý. Kaskádové styly dělají kontrolu některých atributů zobrazení tabulek a v závislosti na stránce, můžete nebo nemáte záměrně přidat CSS specifické pro tabulku.
Prozkoumejte řídící soubor CSS pro libovolnou z následujících hodnot uvnitř vlastností tabulky, th nebo td a upravte podle potřeby:
- hranice určuje atributy tabulky nebo hranice buněk
- ohraničení okrajů zachází sousedními okraji jako jeden, aby se zabránilo duplicitě šířky okrajů
- polstrování nabízí prázdné místo v pixelech kolem každé buňky
- text-align určuje zarovnání textu v buňce
- mezery mezi jednotlivými buňkami, v pixelech
Alternativy
Přestože můžete stále používat tabulky HTML - standard je dobře zavedený a univerzálně podporovaný v dnešních prohlížečích - nejmodernější webový design reaguje na kaskádové styly, které umísťují prvky na stránku. Tabulky stále mají smysl pro původně zamýšlený účel zobrazení tabelárních dat, ale pro uspořádání rozvržení a obsahu stránky je místo toho mnohem lepší pomocí rozvržení CSS.