Jeśli używasz tabel do układu strony (nie ma w XHTML, prawdopodobnie zauważysz brzydkie dodanie dodatkowej przestrzeni w swoich układach. Aby rozwiązać ten problem, musisz sprawdzić zarówno definicję tabeli HTML, jak i specyfikę dowolnego układu. zarządzający arkusz stylów.
Definicja tabeli HTML
Tag HTML dla tabel domyślnie nie kontroluje niektórych wymagań dotyczących odstępów. Zweryfikuj trzy rzeczy dotyczące tagu "table" w dokumencie HTML:
- Czy Twoja tabela ma atrybut cellpadding ustawiony na 0?
-
cellpadding = "0"
-
- Czy Twoja tabela ma atrybut przestrzeni komórki ustawiony na 0?
-
cellspacing = "0"
-
- Czy są jakieś spacje przed treścią lub po niej i znacznikami tabeli?
Numer 3 to kicker. Wiele edytorów HTML lubi rozdzielać kod, aby ułatwić czytanie. Jednak wiele przeglądarek interpretuje te tabulatory, spacje i powrót karetki jako dodatkową przestrzeń wewnątrz tabel. Pozbądź się białych znaków otaczających twoje tagi, a będziesz mieć bardziej przejrzyste stoły.
Arkusze stylów
Jednak może to nie być HTML, który jest wyłączony. Kaskadowe arkusze stylów kontrolują niektóre atrybuty wyświetlania tabel, a w zależności od strony, możesz celowo dodać CSS specyficzny dla tabeli.
Zeskanuj zarządzający plik CSS dla dowolnej z poniższych wartości wewnątrz "tabeli ,' ' th "lub ' td " właściwości i dostosuj w razie potrzeby:
- granica: Określa atrybuty tabeli lub granicy komórki
- border-collapse: Traktuje sąsiednie granice jako jedno, aby uniknąć powielania szerokości obramowania
- wyściółka: Oferuje pustą przestrzeń w pikselach wokół każdej komórki
- wyrównanie tekstu: Określa wyrównanie tekstu w komórce
- border-spacing: Ustawia odstępy między komórkami w pikselach
Alternatywy
Chociaż nadal można korzystać z tabel HTML (standard jest dobrze ugruntowany i powszechnie obsługiwany w dzisiejszych przeglądarkach), większość nowoczesnych responsywnych projektów internetowych wykorzystuje kaskadowe arkusze stylów do umieszczania elementów na stronie. Tabele nadal mają sens w pierwotnym zamierzonym celu wyświetlania danych tabelarycznych, ale w celu uporządkowania układu i zawartości strony lepiej jest użyć układu CSS.
