Používáte-li tabulky pro rozvržení stránky (není-li v XHTML, 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 libovolného řídící stylový list.
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 "tabulka" 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ř tabulky ,' ' th "nebo ' td " Vlastnosti a upravte podle potřeby:
- okraj: Určuje atributy tabulky nebo ohraničení buněk
- hranice-kolaps: Upravuje sousední hranice jako jeden, aby se zabránilo duplicitě šířky okrajů
- polstrování: Nabídne prázdné místo, v pixelech, kolem každé buňky
- zarovnání textu: Určuje zarovnání textu v buňce
- mezery mezi okraji: Slouží k nastavení rozteče mezi buňkami v pixelech
Alternativy
Ačkoli můžete stále používat HTML tabulky (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é umisť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.
