22
Vie, Sep

Tipografía

Todavía es aceptable usar tablas en los sitios web, mientras se entienda que su única función es mostrar información en filas y columnas. Pero hay que tener cuidado de diseñarlas correctamente para que no interfieran con el Responsive de la página.

El error que se suele cometer al utilizar tablas, es establecer el ancho en pixeles en lugar de porcentaje. Si fijamos un tamaño en pixeles, vamos a tener problemas para que la tabla se adapte al tamaño de la pantalla, especialmente en dispositivos móviles.

En las siguientes imágenes se puede ver la diferencia entre una tabla con ancho en px y una con ancho en %

Así se ve una tabla con ancho estático en un dispositivo móvil. El tamaño de la tabla es mas ancho que el tamaño de la pantalla, y al no adaptarse, se ve cortada:

ancho tablas joomla1

Y así se ve la misma tabla pero con el ancho establecido en % en lugar de px:

ancho tablas joomla2

Entonces, si tu tabla se ve cortada en dispositivos móviles, la solución es cambiar el ancho estático en pixeles por un ancho en porcentaje.

ancho tablas joomla3

BLOG COMMENTS POWERED BY DISQUS