Diseñando tablas

12 / abril / 2006

css_table

La mayoría tenemos la costumbre de que si en algún momento necesitamos acudir a las tablas, las usamos como nos la dá en mi caso Dreamweaver, pero ¿es realmente la forma correcta? revisando el diseño de alguno de los themes de phpBB, me dí cuenta que usaba muchísimas clases row1, tableHeader etc.. etc.. y me olvidé por completo de los atributos como caption, thead, tfoot que en este tutorial aprenderemos a manejar.

Este tutorial fué inspirado por una página donde cualquiera puede enviar sus diseños les dejo la liga abajo, hay unos mucho muy buenos. Ojalá se animen a enviar la suya!! me gustaría ver que pudieron hacer y si este tutorial les funcionó.

CSS Table Gallery

Saludos ^^

Demo Download

+

3 comentarios para Diseñando tablas

  1. muchas gracias hongo esto siempre va bien para renovarse y mejorar el css 2.0 :)

  2. jorge avila 27 oct 2007

    Hola, me encantó tu tutorial, y me llamó muchisimo la atención la parte de los extras….

    y quisiera ver mejor el tema de: a[href^="mailto"

    ese "^" es muy particular.. hay otros "selectores" de este tipo?

    porque intente utilizarlo.. pero solo me funciona cuando la frase está al principio del link y no cuando está por el medio.. o despues de la primer letra

    ejemplo:
    a[href^="contactar"]{propiedad:valor;}

    Aca funciona:
    a href=”contactarbambu”
    Aca no funciona:
    a href=”bambucontactar”

    ¿me explicarías un poco el tema este? =)
    un Abrazo.

  3. QUE SIGNIFICA ESTO???

    “Por cada donación lograremos que Michael Jackson se opere para parecer más puerco y asqueroso.”

    SEGURO QUIERES QUE MICHAEL JACKSON SE PAREZCA A TI….

ShowTracksTrackbacks/Pings

  1. [...] Ya aprendimos a diseñar tablas en un tutorial anterior, ahora vamos a hacer que el color de las celdas de nuestra sea como muchos lo conocemos “zebra” a esto me refiero a que se puedan alternar 2 colores entre una y otra celda de forma dinámica, pero para que sea más sencillo les dejo un ejemplo con 4 tablas distintas. [...]

  2. [...] aprendimos a diseñar tablas en un tutorial anterior, ahora vamos a hacer que el color de las celdas de nuestra sea como muchos [...]

  3. [...] Diseñando tablas | Infectedfx.net Hoy en día muchos desarrolladores creen que el uso de tablas es malo. Pero no es así, lo que está mal es el uso que se les ha dado a las tablas. Ellas están para lo que están, para tabular datos. Este tutorial muestra cómo diseñar una tabla, sin tener que recurrir a editores como Dreamweaver, mediante XHTML y CSS. [...]

  4. [...] clases diferentes para algo que nos tomaría solo una o dos clases. El problema es que no sabemos darle estilo a nuestras tablas. Es más, nos abemos ni siquiera todos los elementos que la tabla puede tener y que nos sirve para [...]

Agrega tu opinión Invitado, tu puedes registrarte o ingresar a tu cuenta .

No será publicado

Get your own Gravatar
Sign up for free