Array

Desterra espacios funky en sus tablas HTML

-

Young programmer coding new project

Si usted & amp; # x2019; está utilizando tablas para el diseño de la página (un no-no en XHTML), es probable que usted y amp; apos; ll experimenten la adición desagradable de espacio adicional en sus diseños. Para solucionar este problema, debe verificar tanto la definición de su tabla HTML como los detalles de cualquier hoja de estilo de gobierno.

Definición de tabla HTML

La etiqueta HTML para tablas por defecto no controla & amp; apos; t para algunos requisitos de espacio. Verifique tres cosas sobre la tabla & amp; amp; nbsp; tag dentro de su documento HTML: & amp; amp; nbsp;

Video destacado

  1. ¿Su tabla tiene el atributo de relleno de celdas establecido en 0??
    & lt; br & gt ;
    & lt; pre & gt; cellpadding = & amp; quot; 0 & amp; quot; & lt; / pre & gt ;
    & lt; / br & gt ;
  2. ¿Su tabla tiene el atributo de espacio entre celdas establecido en 0??
    & lt; br & gt ;
    & lt; pre & gt; cellspacing = & amp; quot; 0 & amp; quot; & lt; / pre & gt ;
    & lt; / br & gt ;
  3. ¿Hay espacios antes o después de su contenido y las etiquetas table & amp; apos; s?

El número 3 es el pateador. A muchos editores HTML les gusta tener el código todo espaciado, para que sea fácil de leer. Pero muchos navegadores interpretan esas pestañas, espacios y devoluciones de carro como el espacio adicional deseado dentro de sus tablas. Deshágase del espacio en blanco que rodea sus etiquetas y usted & amp; # x2019; tendré tablas nítidas.

Hojas de estilo

Sin embargo, puede que no sea el HTML que & amp; apos; s off. Las hojas de estilo en cascada controlan algunos atributos de visualización de las tablas y, según la página, puede o no haber agregado deliberadamente CSS específico de la tabla en primer lugar.

Escanee el archivo CSS de gobierno para cualquiera de los siguientes valores dentro de la tabla , th o td & amp; nbsp;

  • borde : & amp; amp; nbsp; especifica los atributos de una tabla o borde de celda
  • border-collapse : & amp; amp; nbsp; trata los bordes adyacentes como uno solo, para evitar duplicar los anchos de borde
  • acolchado : & amp; amp; nbsp; ofrece espacio en blanco, en píxeles, alrededor de cada celda
  • texto-alinear : & amp; amp; nbsp; determina la alineación del texto dentro de la celda
  • espaciado entre bordes : & amp; amp; nbsp; establece el espaciado entre celdas, en píxeles

Alternativas

Aunque todavía puede usar tablas HTML (el estándar está bien establecido y es universalmente compatible con los navegadores actuales y de los automóviles), el diseño web más moderno y receptivo 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, usted y otros están mucho mejor usando el diseño CSS.

& amp; # x203A; Informática

Dejar respuesta

Please enter your comment!
Please enter your name here

FOLLOW US

spot_img

Related Stories