Retroceder   Foros del Web > Diseño de Sitios web > (X)HTML

Respuesta
 
Herramientas Desplegado
Antiguo 12-may-2008, 07:25   #1 (permalink)
martinoso ha deshabilitado el karma
 
Fecha de Ingreso: diciembre-2007
Mensajes: 23
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....
martinoso está desconectado   Responder Citando
Antiguo 12-may-2008, 08:48   #2 (permalink)
pateketrueke tiene algunos puntos positivos de karma
 
Avatar de pateketrueke
 
Fecha de Ingreso: abril-2008
Ubicación: Mexihco-Tenochtitlan
Mensajes: 1.867
Enviar un mensaje por MSN a pateketrueke
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>
pateketrueke está desconectado   Responder Citando
Antiguo 12-may-2008, 09:45   #3 (permalink)
martinoso ha deshabilitado el karma
 
Fecha de Ingreso: diciembre-2007
Mensajes: 23
Re: Alinear imagen y checkbox ?

Muy bien gracias....funciono perfecto......
martinoso está desconectado   Responder Citando
Antiguo 12-may-2008, 10:15   #4 (permalink)
mio_carpe_diem está en el buen camino
 
Fecha de Ingreso: abril-2003
Ubicación: USA.
Mensajes: 345
Enviar un mensaje por Yahoo  a mio_carpe_diem
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>
__________________
www.buenseo.com.ar

Miradita

Última edición por mio_carpe_diem; 12-may-2008 a las 10:16. Razón: my bad!!! ; )
mio_carpe_diem está desconectado   Responder Citando
Respuesta
No hay votos aún.


Herramientas
Desplegado

Normas de Publicación
No puedes crear nuevos temas
No puedes responder temas
No puedes subir archivos adjuntos
No puedes editar tus mensajes

BB code is Activado
Caritas están Activado
[IMG] está Activado
Código HTML está Desactivado


La Zona horaria es GMT -6. Ahora son las 16:23.


Message Board Statistics

LinkBacks Enabled by vBSEO 3.1.0

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93