Buenas!
Estamos creando una lista dentro de un div con un background. La lista
tiene un float:left para que se divida en varias columnas pero al poner
el float se "come" el background del div que lo contiene.
¿Alguna idea?
Lo que pretendemos hacer es una lista en 4 columnas para hacer el típico
directorio con un color de fondo, pero sin tener que recurrir a las
tablas.
Gracias :)
Código css de la lista:
.col {
width: 100%;
margin: 0;
padding: 0;
}
.col li {
float: left;
margin: 0;
padding: 0;
margin-left: 2.5%;
list-style-type: none;
}
.col.four li {
width: 22.5%;
margin-left: 2.5%;
}
Código css del div contenedor:
#directory {
width: 100%;
background-color: #EBEBEB;
}
Código html:
<div id="directory">
<ul class="col four">
<li>Alfalfa</li>
<li>Patatas</li>
<li>Macarrones</li>
<li>Citricfos</li>
<li>Mercaditos</li>
<li>Pelotas</li>
<li>Rabanos</li>
<li>Valvulas</li>
</ul>
</div>
--
Jordi Bufí Caballero <[EMAIL PROTECTED]>
Neurotic, SCP - www.neuroticweb.com
Tel 938 492 028 | Fax 938 403 568
Can Gabatx, s/n - 08520
Les Franqueses del Valles
_______________________________________________
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a [EMAIL PROTECTED]
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://ovillo.org/mailman/listinfo/ovillo_ovillo.org
