Miguel Monreal Ordiñana

Como tener una columna de 1px de ancho en una tabla

Posted on: abril 25, 2008

Normalmente no suelo trabajar con tablas, pero el otro día surgió la necesidad de crear una tabla que tuviera una columna de 1px de ancho. Concretamente una tabla de 500px con 3 columnas, la primera y la tercera de 1px y el resto de 498px

Este fué el primer html que escribí

Esto es lo que se veía en el navegador

Se aprecia claramente que la parte naranja representa más de 1px. Mi compañera de trabajo Noelia acertadamente completó la parte que faltaba, que era indicar a esas columnas (además de width:1px) la propiedad font-size:1px , ya que de otra manera el navegador establece como tamaño mínimo de la columna el tamaño general de fuente de la página

Realizando estos cambios nos queda el siguiente html:

Que produce la siguiente salida:

Ahora sí ;).

Anuncios
Etiquetas: ,

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s

A %d blogueros les gusta esto: