Si está utilizando tablas para el diseño de la página (un no-no en XHTML es probable que experimente la extraña adición de espacio adicional en sus diseños. Para solucionar este problema, debe verificar la definición de la tabla HTML y los detalles de cualquier elemento). hoja de estilo de gobierno.
Definición de tabla HTML
La etiqueta HTML para las tablas por defecto no controla algunos requisitos de espaciado. Verifique tres cosas acerca de la etiqueta "tabla" en su documento HTML:
- ¿Su tabla tiene el atributo de relleno de celdas establecido en 0?
-
cellpadding = "0"
-
- ¿Su tabla tiene el atributo de espacio de celdas establecido en 0?
-
cellspacing = "0"
-
- ¿Hay espacios antes o después de su contenido y las etiquetas de la tabla?
El número 3 es el pateador. A muchos editores de HTML les gusta tener todo el código espaciado, para que sea fácil de leer. Pero muchos navegadores interpretan esas pestañas, espacios y retornos de carro como espacio adicional deseado dentro de sus tablas. Deshazte del espacio en blanco que rodea a tus etiquetas y tendrás tablas más nítidas.
Hojas de estilo
Sin embargo, puede que no sea el HTML que está desactivado. Las hojas de estilo en cascada controlan algunos atributos de visualización de las tablas y, dependiendo de la página, es posible que haya agregado o no deliberadamente CSS específico de la tabla en primer lugar.
Escanee el archivo CSS gobernante para cualquiera de los siguientes valores dentro de la tabla " ,' ' th "o ' td propiedades y ajuste según sea necesario:
- frontera: Especifica los atributos de una tabla o borde de celda.
- colapso de la frontera: Trata los bordes adyacentes como uno solo, para evitar duplicar los anchos de los bordes.
- relleno: Ofrece espacio en blanco, en píxeles, alrededor de cada celda
- texto alineado: Determina la alineación del texto dentro de la celda
- espaciado de la frontera: Establece el espaciado entre celdas, en píxeles.
Alternativas
Aunque aún puede usar tablas HTML (el estándar está bien establecido y es universalmente compatible con los navegadores actuales), el diseño web más moderno y sensible utiliza hojas de estilo en cascada para colocar elementos en una página. Las tablas aún tienen sentido para su propósito original de mostrar datos tabulares, pero para organizar el diseño y el contenido de una página, es mucho mejor utilizar el diseño CSS.
