Entradas

Mostrando las entradas de marzo, 2012

Crear y simular una tabla con CSS

Imagen
Llega un momento que estilamos todo a su máxima expresión, por puristas, por comodidad, por fanatismo o por lo que sea, Si bien, no hay una norma que diga que crear una tabla con CSS sea semánticamente incorrecta, para datos tabulares se recomienda utilizar los tags HTML correspondientes, pero si por algún capricho o necesidad necesitaramos simular una tabla, lo podemos hacer sin demasiado código y a puro CSS Para conseguir un resultado como se muestra en esta imágen   veamos: Antes que nada explico un poco el código a vuelo de ave Vamos a crear una tabla de 3 columnas por 4 filas, en la primer fila van a ir los encabezados o titulos y en las siguientes la información que sea, vamos: El truco consiste en aplicar sabiamente las propiedades CSS float y clear ; float para tabular los div uno atras de otro y "romper" esa sucesión con  clear para  forzar un salto de linea, más adelante podemos ver el código fuente de lo que estoy hablando asi queda m