jueves, octubre 20, 2005

(CSS) Layout multi-column

Para hacer 2, 3, 4 o más columnas SOLO CON ESTILOS, me he encontrado una script fabuloso en csscripting.com.


Cómo usarlo:



  1. Descargar el script al sitio(TIENE QUE ESTAR EN EL SITIO SI NO NO JALA).

  2. Agregar el script DESPUÉS del vínculo a la hoja de estilos:



    <link rel="stylesheet" type="text/css" href="stylesheet.css" />

    <script type="text/javascript" src="css3-multi-column.js"></script>

  3. Se pueden usar estas propiedades:





























Propiedad CSS Tipo Ejemplo
column-count un número 3
column-width valor en pixeles 200px
column-gap valor en pixeles 10px
column-rule definición del borde 1px solid #000