Banish Funky Spaces nas táboas HTML

Se está a usar táboas para o deseño da páxina: un non-non en XHTML , por certo, é probable que experimente a adición desagradable de máis espazo nos seus esquemas. Para solucionar este problema, cómpre comprobar tanto a súa táboa de HTML como as especificacións de calquera folla de estilo de goberno.

Definición da táboa HTML

A etiqueta HTML das táboas por defecto non controla algúns requisitos de espazamento. Comprobe tres cousas sobre a etiqueta da táboa no seu documento HTML:

  1. A táboa ten o atributo cellpadding definido en 0?
    1. cellpadding = "0"
  2. A táboa ten o atributo cellpacing definido en 0?
    1. cellspacing = "0"
  3. Hai algún espazo antes ou despois do teu contido e as etiquetas da táboa?

O número 3 é o pateador. Moitos editores de HTML quere que o código estea espazado, para facelo máis fácil de ler. Pero moitos navegadores interpretan as pestanas, os espazos e os retorno de carro como o espazo extra desexado dentro das táboas. Libérase do espazo en branco que o rodea e terá táboas máis nítidas.

Follas de estilo

Non obstante, pode que non sexa o HTML que está desactivado. As follas de estilo en cascada controlan algúns atributos de visualización de táboas e, dependendo da páxina, pode ou non engadir de forma deliberada o CSS específico de táboa en primeiro lugar.

Escanee o ficheiro CSS gobernante para calquera dos seguintes valores dentro da táboa, as propiedades th ou td e axústase segundo sexa necesario:

Alternativas

Aínda que aínda se pode usar as táboas de HTML, o estándar está ben establecido e é universalmente soportado nos navegadores de hoxe. O deseño web máis moderno e sensible usa follas de estilo en cascada para colocar elementos nunha páxina. As táboas aínda teñen sentido para o seu propósito orixinal de mostrar datos tabulares, pero para organizar o deseño e o contido dunha páxina, é mellor usar o deseño CSS.