On 6/8/06, Víctor Berga <[EMAIL PROTECTED]> wrote:
> Hola,
>
> Estoy intentando hacer un pequeño menú con icono y texto pero ordenador como
> si fuera una tabla. Con un número de filas y un número de columnas
> determinado.
>
> Por ejemplo si tengo 4 iconos (con sus respectivos títulos debajo) que se
> queden dos iconos arriba y dos abajo todos alineados entre ellos.
>
> El caso es que no doy con la solución, he probado con:
>
> span.iconoMenu {
> text-align: center;
> width: 20%;
> }
>
> y xhtml:
>
> <p>
> <span class="iconoMenu"><img src="icono1" alt="icono1" /></span>
> <span class="iconoMenu"><img src="icono2" alt="icono2" /></span>
> </p>
> <p>
> <span class="iconoMenu">txtIcono1</span>
> <span class="iconoMenu">txtIcono2</span>
> </p>
>
> Este ejemplo es solo con 2 iconos que tendrían que estar uno seguido de otro
> con sus textos debajo.
Usando una lista sin ordenar creo que se podria hacer facil. Primero
haces que el ul sea de tamaño fijo y luego haces un float: left de los
li, por ejemplo
ul
{
display: block;
width: 100px;
height: 100px;
padding: 0;
margin: 0;
}
li
{
display: block;
float: left;
height: 50px;
width: 50px;
padding: 0;
margin: 0;
}
Y luego dentro de cada li pones la imagen y el texto en spans o como
sea que quieras acomodarlos.
>
> Si alguien tiene alguna idea sería de agradecer.
>
> Un saludo,
> Víctor
> --
> --
> Víctor Berga [vbergae.listas (at) gmail.com]
> "Sin música la vida sería un error"
> _______________________________________________
> Lista de distribución Ovillo
> Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
> Puedes modificar tus datos o desuscribirte en la siguiente dirección:
> http://ovillo.org/mailman/listinfo/ovillo
>
--
Hermann Kaser
http://www.theragingche.com/
_______________________________________________
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://ovillo.org/mailman/listinfo/ovillo
