Foros del Web » Creando para Internet » HTML »

Alinear imagen y checkbox ?

Estas en el tema de Alinear imagen y checkbox ? en el foro de HTML en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 12/05/2008, 07:25
 
Fecha de Ingreso: diciembre-2007
Mensajes: 34
Antigüedad: 16 años, 4 meses
Puntos: 0
Pregunta 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...


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....
  #2 (permalink)  
Antiguo 12/05/2008, 08:48
Avatar de pateketrueke
Modernizr
 
Fecha de Ingreso: abril-2008
Ubicación: Mexihco-Tenochtitlan
Mensajes: 26.399
Antigüedad: 16 años
Puntos: 2534
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>
  #3 (permalink)  
Antiguo 12/05/2008, 09:45
 
Fecha de Ingreso: diciembre-2007
Mensajes: 34
Antigüedad: 16 años, 4 meses
Puntos: 0
Re: Alinear imagen y checkbox ?

Muy bien gracias....funciono perfecto......
  #4 (permalink)  
Antiguo 12/05/2008, 10:15
Avatar de mio_carpe_diem  
Fecha de Ingreso: abril-2003
Ubicación: USA.
Mensajes: 426
Antigüedad: 21 años
Puntos: 6
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>

Última edición por mio_carpe_diem; 12/05/2008 a las 10:16 Razón: my bad!!! ; )
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




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