Generar columnas con CSS

por laloema el Mar Jun 15, 2010 7:38 pm

Gracias a este truco de CSS podrás
generar columnas con CSS utilizando una lista y sin
tablas.
En una hoja CSS colocaremos los
siguientes estilos:

UL.col3
{
PADDING-RIGHT: 0px;
PADDING-LEFT: 0px;
FLOAT: left;
PADDING-BOTTOM: 0px;
MARGIN: 15px 0px;
WIDTH:
100%;
PADDING-TOP:
0px;
LIST-STYLE-TYPE:
none
}
UL.col3 LI
{
PADDING-RIGHT: 2px;
DISPLAY: inline;
PADDING-LEFT: 2px;
FLOAT: left;
PADDING-BOTTOM: 2px;
WIDTH: 30%;
PADDING-TOP: 2px
[size=12]}

Le hemos puesto el nombre de ColNumeroColumnas.
Para crear columnas en CSS se define en el
estilo UL.col3 LI donde
el width es el tamaño de cada columna. Así automáticamente se irán
creando las columnas y no tendremos que utilizar tablas.
En el html, cuando declaremos la lista:

<;ul class="col3">;
<;li>;<;/li>;
<;/ul>;[/size]

por letard el Mar Jun 15, 2010 8:25 pm

Gracias Laloema, te recomiendo que edites el codigo y lo pongas entre

por joex97 el Mar Jun 15, 2010 8:50 pm

O entre quote, así podes ponerle los colores, ademas mientras el html del foro no este activado todo bien, sino entre code.

Nos vemos y buen aporte!

por **andriyleu** el Mar Jun 15, 2010 10:26 pm

Ya lo edite yo..

por laloema el Miér Jun 16, 2010 6:05 pm

si bueno la verdad me dio weva pero listo esto lo utilise mucho en una tarea que me dejaron hace mucho....

por joex97 el Jue Jun 17, 2010 3:22 am

jaja, que gente vaga que hay en este foro xD

Generar columnas con CSS

Generar columnas con CSS

Re: Generar columnas con CSS

Re: Generar columnas con CSS

Re: Generar columnas con CSS

Re: Generar columnas con CSS

Re: Generar columnas con CSS