Foros del Web » Creando para Internet » CSS »

Caja de busqueda con <input type=image>

Estas en el tema de Caja de busqueda con <input type=image> en el foro de CSS en Foros del Web. Hola gente Algo que debe ser secillo pero no se como hacerlo, una caja de busqueda con una imagen de boton: <form> <input type="text" /> ...
  #1 (permalink)  
Antiguo 19/03/2009, 16:29
Avatar de BatiK  
Fecha de Ingreso: marzo-2003
Ubicación: Internet
Mensajes: 690
Antigüedad: 14 años, 8 meses
Puntos: 1
Caja de busqueda con <input type=image>

Hola gente

Algo que debe ser secillo pero no se como hacerlo, una caja de busqueda con una imagen de boton:



<form>
<input type="text" />
<input type="image" src="search.gif" alt="Search" title="Search" />
</form>

con este codigo me queda de esta forma:


que tengo que agregar para que queden alineados los inputs?

Se agradece
  #2 (permalink)  
Antiguo 19/03/2009, 16:59
Avatar de Calizman
Organiza competencias CSS
 
Fecha de Ingreso: octubre-2008
Ubicación: Ciudad de Guatemala, Guatemala
Mensajes: 1.122
Antigüedad: 9 años, 2 meses
Puntos: 83
Respuesta: Caja de busqueda con <input type=image>

Saludos!!

podrias intentar esto:

.ejemplo { margin-top: 3px} (puedes cambiar el 3 hasta que se vea alineado)

y luego asi:


<form>
<div class="ejemplo"><input type="text" /></div>
<input type="image" src="search.gif" alt="Search" title="Search" />
</form>

PD: Aun no lo pruebo, pero es lo que se me ocurre en este momento... si no te funciona me dices y cuando este mas desocupado lo reviso no?

Hasta Luego!!
__________________
[ Mi Sitio Personal ]
"La felicidad no es una estacion de llegada... Es un modo de viajar"
Tom Schreiter
  #3 (permalink)  
Antiguo 23/03/2009, 20:04
Avatar de BatiK  
Fecha de Ingreso: marzo-2003
Ubicación: Internet
Mensajes: 690
Antigüedad: 14 años, 8 meses
Puntos: 1
Respuesta: Caja de busqueda con <input type=image>

Cita:
Iniciado por CaLiZzZ Ver Mensaje
Saludos!!

podrias intentar esto:

.ejemplo { margin-top: 3px} (puedes cambiar el 3 hasta que se vea alineado)

y luego asi:


<form>
<div class="ejemplo"><input type="text" /></div>
<input type="image" src="search.gif" alt="Search" title="Search" />
</form>

PD: Aun no lo pruebo, pero es lo que se me ocurre en este momento... si no te funciona me dices y cuando este mas desocupado lo reviso no?

Hasta Luego!!

creo que no servia eso

pero bueno, al final quedo bien asi:

{
vertical-align: bottom !important;
vertical-align: text-bottom;
}

para Firefox e IE

Gracias igual, saludos!
  #4 (permalink)  
Antiguo 24/03/2009, 11:54
Avatar de Calizman
Organiza competencias CSS
 
Fecha de Ingreso: octubre-2008
Ubicación: Ciudad de Guatemala, Guatemala
Mensajes: 1.122
Antigüedad: 9 años, 2 meses
Puntos: 83
Respuesta: Caja de busqueda con <input type=image>

Al menos solucionaste tus problemas no?
__________________
[ Mi Sitio Personal ]
"La felicidad no es una estacion de llegada... Es un modo de viajar"
Tom Schreiter
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 08:04.