Se você estiver usando tabelas para layout de página (um não-não em XHTML, é provável que você experimente a adição inestética de espaço extra em seus layouts. Para corrigir esse problema, é necessário verificar tanto a definição da tabela HTML quanto as especificações de qualquer governando folha de estilo.
Definição de Tabela HTML
A tag HTML para tabelas por padrão não controla alguns requisitos de espaçamento. Verifique três coisas sobre a tag "table" em seu documento HTML:
- Sua tabela tem o atributo cellpadding definido como 0?
-
cellpadding = "0"
-
- Sua tabela tem o atributo cellpacing definido como 0?
-
cellpacing = "0"
-
- Há algum espaço antes ou depois do seu conteúdo e das tags da tabela?
Número 3 é o kicker. Muitos editores de HTML gostam de ter o código todo espaçado, para facilitar a leitura. Mas muitos navegadores interpretam essas guias, espaços e retornos de carro como o espaço extra desejado dentro de suas tabelas. Livre-se dos espaços em branco que cercam suas tags e você terá tabelas mais nítidas.
Folhas de estilo
No entanto, pode não ser o HTML desativado. Folhas de estilo em cascata controlam alguns atributos de exibição de tabelas e, dependendo da página, você pode ou não ter adicionado deliberadamente CSS específico de tabela em primeiro lugar.
Escaneie o arquivo CSS governante de qualquer um dos seguintes valores dentro da "tabela ,' ' th "ou ' td " propriedades e ajuste conforme necessário:
- fronteira: Especifica os atributos de uma tabela ou borda de célula
- colapso de fronteira: Trata bordas adjacentes como uma, para evitar a duplicação de larguras de borda
- preenchimento: Oferece espaço em branco, em pixels, ao redor de cada célula
- alinhamento de texto: Determina o alinhamento do texto dentro da célula
- espaçamento entre bordas: Define o espaçamento entre as células, em pixels
Alternativas
Embora você ainda possa usar tabelas HTML (o padrão é bem estabelecido e universalmente suportado nos navegadores de hoje), o design da Web responsivo mais moderno usa folhas de estilo em cascata para posicionar elementos em uma página. As tabelas ainda fazem sentido para o objetivo original de exibir dados tabulares, mas para organizar o layout e o conteúdo de uma página, é melhor usar o layout CSS.
