Deberias dar medidas pero mira asi:
<style>
* {margin:0; padding:0;}
ul{ /*creo la tabla*/
display:block;
width:600px;
list-style:none;
}
li{ /*medidas para las "celdas"*/
width:150px;
height:50px;
display:blok;
float:left;
line-height:100%;
}
img{
vertical-align:middle;
}
</style>
/*******************************************************************************/
<ul>
<li><label for="..."><input type="radio" id="input" name... />
bonito bonito<img
src="Mis imágenes/mail.jpg"alt="..." /></label>
</li>
</ul>
<ul>
<li><label for="..."><input type="radio" id="input" name... />
bonito bonito<img
src="Mis imágenes/mail.jpg"alt="..." /></label>
</li>
</ul>
Pon tantas Ul como filas y los LI como columnas (por ejemplo 4ul y 5
li), para hacer una tabla de 4 columnas y cinco filas.
El 27/08/07, Gael <[EMAIL PROTECTED]> escribió:
> Gracias a ambos por vuestras respuestas.
>
> Funcionan, pero no me sirven , porque olvidé deciros que tengo que
> darles un ancho y un alto a todos los li para que queden cuadriculados.
> Es decir, tengo una cuadrícula con n input type="radio", que se van
> colocando, haya los que haya, de izquierda a derecha y de arriba a abajo
> en una lista horizontal en que caben cuatro inputs por fila (quedan
> dispuestos como si fuera una tabla, pero no son datos tabulares, son una
> lista de opciones para escoger una). Por eso quiero que me queden
> centrados verticalmente el input y el img dentro del label.
>
> Gracias de nuevo
>
> Un saludo
>
>
> Gael
>
>
> jaume op escribió:
> > Se me ocurre una cosa asi rápida, dale esto a la imagen:
> > img{
> > vertical-aling:middle;
> > } ; a mi me funciona
> > Saludos
> > para ajustarlo mejor juega con los padding del input.
> > El 27/08/07, Gael <[EMAIL PROTECTED]> escribió:
> >
> >> Hola!
> >>
> >> Estoy maquetando un formulario que, entre otras cosas contiene una lista
> >> horizontal de radiobuttons. El contenido de éstos no siempre tiene la
> >> misma altura (son imágenes, con distintos heights). Lo he intentado de
> >> mil maneras, pero no lo consigo.
> >>
> >> El HTML vendría a ser éste:
> >>
> >> <fieldset>
> >> <legend>...</legend>
> >> <ul>
> >> <li><label for="..."><input type="radio" id="..." name... /><img
> >> src="..." alt="..." /></label></li>
> >> <li><label for="..."><input type="radio" id="..." name... /><img
> >> src="..." alt="..." /></label></li>
> >> [...]
> >> </ul>
> >> </fieldset>
> >>
> >> Así que se todo reduce a centrar verticalmente el input y el img dentro
> >> del label. Debería ser posible, no?
> >>
> >> Gracias y un saludo!
> >>
> >>
> >> Gael
> >>
>
> _______________________________________________
> 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://lists.ovillo.org/mailman/listinfo/ovillo
>
_______________________________________________
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://lists.ovillo.org/mailman/listinfo/ovillo
