Caja de busqueda con <input type=image>

[BatiK]

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

[Calizman]

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!!

[BatiK]

Iniciado por CaLiZzZ

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!

[Calizman]

Al menos solucionaste tus problemas no?