Generar columnas con CSS

Ver el tema anterior Ver el tema siguiente Ir abajo

Generar columnas con CSS

Mensaje 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
}
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>;

laloema

Mensajes : 27
Fecha de inscripción : 15/06/2010
Edad : 24
Localización : Colima

Ver perfil de usuario http://peliculash-d.blogspot.com/

Volver arriba Ir abajo

Re: Generar columnas con CSS

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

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

letard

Mensajes : 29
Fecha de inscripción : 13/06/2010

Ver perfil de usuario

Volver arriba Ir abajo

Re: Generar columnas con CSS

Mensaje 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!

joex97
Admin

Mensajes : 72
Fecha de inscripción : 13/06/2010
Edad : 19
Localización : MdP - ArG - 2010

Ver perfil de usuario http://designerskin.mejorforo.net

Volver arriba Ir abajo

Re: Generar columnas con CSS

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

Ya lo edite yo..

andriyleu
Admin

Mensajes : 89
Fecha de inscripción : 13/06/2010

Ver perfil de usuario http://tutoskin.foroweb.org

Volver arriba Ir abajo

Re: Generar columnas con CSS

Mensaje 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....

laloema

Mensajes : 27
Fecha de inscripción : 15/06/2010
Edad : 24
Localización : Colima

Ver perfil de usuario http://peliculash-d.blogspot.com/

Volver arriba Ir abajo

Re: Generar columnas con CSS

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

jaja, que gente vaga que hay en este foro xD

joex97
Admin

Mensajes : 72
Fecha de inscripción : 13/06/2010
Edad : 19
Localización : MdP - ArG - 2010

Ver perfil de usuario http://designerskin.mejorforo.net

Volver arriba Ir abajo

Re: Generar columnas con CSS

Mensaje por Contenido patrocinado Hoy a las 6:00 pm


Contenido patrocinado


Volver arriba Ir abajo

Ver el tema anterior Ver el tema siguiente Volver arriba

- Temas similares

 
Permisos de este foro:
No puedes responder a temas en este foro.