Foros del Web » Creando para Internet » HTML »

Formulario con Imagen

Estas en el tema de Formulario con Imagen en el foro de HTML en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 29/05/2005, 11:26
 
Fecha de Ingreso: marzo-2005
Mensajes: 34
Antigüedad: 12 años, 9 meses
Puntos: 0
Exclamación Formulario con Imagen

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

Última edición por tunait; 29/05/2005 a las 13:44
  #2 (permalink)  
Antiguo 29/05/2005, 12:36
Avatar de gustavoang  
Fecha de Ingreso: julio-2003
Ubicación: Valencia - Venezuela
Mensajes: 253
Antigüedad: 14 años, 5 meses
Puntos: 1
Por favor enséñanos el código HTML y CSS que usas.

Saludos.
__________________
Gustavo Narea.
Venezuela.
  #3 (permalink)  
Antiguo 29/05/2005, 12:41
 
Fecha de Ingreso: marzo-2005
Mensajes: 34
Antigüedad: 12 años, 9 meses
Puntos: 0
Exclamación

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> 
  #4 (permalink)  
Antiguo 29/05/2005, 13:01
Avatar de gustavoang  
Fecha de Ingreso: julio-2003
Ubicación: Valencia - Venezuela
Mensajes: 253
Antigüedad: 14 años, 5 meses
Puntos: 1
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.
__________________
Gustavo Narea.
Venezuela.
  #5 (permalink)  
Antiguo 29/05/2005, 13:03
Avatar de gustavoang  
Fecha de Ingreso: julio-2003
Ubicación: Valencia - Venezuela
Mensajes: 253
Antigüedad: 14 años, 5 meses
Puntos: 1
Fíjate que el margin del elemento BUTTON es negativo... Puedes adaptar ese valor para colocarlo como deseas.
__________________
Gustavo Narea.
Venezuela.
  #6 (permalink)  
Antiguo 29/05/2005, 13:57
 
Fecha de Ingreso: marzo-2005
Mensajes: 34
Antigüedad: 12 años, 9 meses
Puntos: 0
Funciono,.. con algunos ajustes, gracias
  #7 (permalink)  
Antiguo 29/05/2005, 14:06
Avatar de gustavoang  
Fecha de Ingreso: julio-2003
Ubicación: Valencia - Venezuela
Mensajes: 253
Antigüedad: 14 años, 5 meses
Puntos: 1
Claro... Qué bueno que te funcionó.

Saludos.
__________________
Gustavo Narea.
Venezuela.
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 14:00.