Página 10 de 20ANT.SIG.

Tablas HTML II: ancho de tabla y de celda

Tabla HTML con tres filas y dos columnas

Estas dos columnas tienen un ancho de 100 píxeles. Sin embargo, dado que el contenido de la celda inferior derecha es mayor que 100 píxeles, no se acepta el ancho de celda.

En la anterior lección explicamos cómo los anchos de tabla son simplemente valores sugeridos o recomendados. Lo mismo se aplica al ancho de celda.

Lo que nos lleva a la delicada regla 2: el contenido es el que manda. Esto significa que si el contenido de una celda tiene un ancho mayor que el ancho especificado para la celda, el contenido impondrá un ancho mayor a la celda.

Por ejemplo, las dos columnas en la ilustración tienen un ancho de 100 píxeles. Sin embargo, observe cómo la columna derecha se ve obligada a tener un ancho de más de 100 píxeles debido a ABCDEFG... en la última fila. También está presionando la otra columna de modo que su ancho sea menor que 100 píxeles.

Esto suele surgir al colocar palabras o direcciones URL largas en las celdas. Sin embargo, también puede suceder al insertar una imagen ancha.

Página 10 de 20ANT.SIG.