Formulario con Imagen

[ccscreative]

Hola, no se si esto corresponde a esta seccion, soy un newbie, y quisiera una orientacion, asi que si mi pregunta no corresponde aca diganmelo para ponerla en donde deba,. y si tienen respuesta a mi duda pues tambien ayudenme si¿

La cuestion es que estoy hacuiendo el diseño de uan caja de busqueda, pero hice que un poco del boton de comando estuviera por encima del campo de texto, asi como lo ven abajo



Ven que un poco del gris de FIND se monta sobre el formulario de texto???

Quisiera saber como hacer esto.. se que se puede porque una vez lo vi en hotmail y estaba en html, es decir no era flash.. si saben como ayudenme.... Gracias

[gustavoang]

Por favor enséñanos el código HTML y CSS que usas.

Saludos.

[ccscreative]

Ahorita tengo un formulario sencillo con un campo y un boton, pero quiero usar una imagen como boton que se monte encima del formulario, por los momentos tengo esto

Código HTML:

 <form action="searchresults.asp" method="get">
	<input type=text size=30 style="border-width: 1px; border-style: solid; border-color: #CCCCCC; background-color: #FFFFFF; font-size: 10px; font-family:Verdana" name="s"/> 
        <input type="submit" style="border-width: 1px; border-style: solid; border-color: #CCCCCC; background-color: #FFFFFF; font-size: 10px; font-family:Verdana" value="Buscar"/ id=submit1 name=submit1>
    <font color="#666666"> 
    <input type=hidden name="rf" checked value="RF">
        </font>
</form> 

[gustavoang]

Creo que te puede servir el siguiente código:

Código:

<form action="searchresults.asp" method="get"> 
<input type=text size=30 style="border-width: 1px; border-style: solid; border-color: #CCCCCC; background-color: #FFFFFF; font-size: 10px; font-family:Verdana" name="s"/>
<button name=enviar id=enviar style="margin-left: -5em;"><img src="LA_URL_DE_TU_IMAGEN"></button>
<input type=hidden name="rf" checked value="RF">
</form>

Fíjate que tienes que colocarle las dimensiones a tu imagen.

Acabo de probar ese código y me funcionó.

Pruébalo y me comentas si eso era lo que buscabas.

Saludos.

[gustavoang]

Fíjate que el margin del elemento BUTTON es negativo... Puedes adaptar ese valor para colocarlo como deseas.

[ccscreative]

Funciono,.. con algunos ajustes, gracias

[gustavoang]

Claro... Qué bueno que te funcionó.

Saludos.