Foros del Web - Alinear imagen y checkbox ?

Foros del Web (http://www.forosdelweb.com/)

- HTML (http://www.forosdelweb.com/f4/)

- - Alinear imagen y checkbox ? (http://www.forosdelweb.com/f4/alinear-imagen-checkbox-585432/)

martinoso

12/05/2008 07:25

Alinear imagen y checkbox ?

Hola amigos he tenido problemas para centrar una imagen y un checkbox en una tabla. Necesito que ambos elementos queden centrados verticalmente pero aun no lo logro...:stress:

Parte del codigo es el siguiente:

<td align='center'>
<input type="checkbox">
<img src="p.gif" height="30" width="30" align="center">
<td>

He probado colocando cada elemento dentro de un DIV (display:inline ) centrando los elementos..pero tampoco me funciona....

pateketrueke

12/05/2008 08:48

Re: Alinear imagen y checkbox ?

pon un elemento en un <td> y el otro en la <td> que le sigue.... (o la anterior) tendrias ke reformatear tu tabla ya que aregaras mas celdas... pero seguro queda, suerte!

<tr>
<td>input</td>
<td>imagen</td>
</tr>

martinoso

12/05/2008 09:45

Re: Alinear imagen y checkbox ?

Muy bien gracias....funciono perfecto......:-)

mio_carpe_diem

12/05/2008 10:15

Re: Alinear imagen y checkbox ?

Te recomiendo darle una posision relativa a cada elemento asignandole un valor con top.
tambien dale un float: left; de esa forma se alinearan a la izquierda.

ejemplo:

Código:

<td>

<img style="position: 10px; top: 10px; float: left; width: 100px;"src="http://www.forosdelweb.com/images/imagen.gif" width="100" height="100" />

    <label style="position:relative; top: 50px;">

    <input type="checkbox" name="checkbox" value="checkbox" />

    </label>

</td>

La zona horaria es GMT -6. Ahora son las 22:25.