Codigo Html para que los usuarios puedan escribir dentro

[Dog_Dancer]

Hola,

Tengo una barra de buscador, pero necesito el codigo Html Para que los usuarios puedan escribir en ella.

Ya he puesto el el buscador en mi pagina el codigo generado es este:

<div id="image57" style="position:absolute; overflow:hidden; left:349px; top:306px; width:573px; height:29px; z-index:73"><img src="images/VVV.gif" alt="" border=0 width=573 height=29></div>


Pero en este momento no se puede escribir dentro de este searchbox, en este momento esta como si fuera una imagen.

Gracias de antemano.

Saludos

[pzin]

De hecho, es una imagen. Lo que tienes que hacer es usar un formulario HTML.

[Dog_Dancer]

Iniciado por Bonez

De hecho, es una imagen. Lo que tienes que hacer es usar un formulario HTML.

Entiendo, He conseguido un codigo para un searchbox es este:

<p align="left">
<form id="searchthis" action="http://doit2us.blogspot.com/search" style="display:inline;" method="get">
<strong>SEARCH IN THIS BLOG<br/></strong>
<input id="b-query" maxlength="255" name="q" size="20" type="text"/>
<input id="b-searchbtn" value="Search" type="submit"/>
</form></p>

La pagina ya la tengo diseñada y tengo una imagen de una playa como fondo, cuando pongo el codigo, el buscador se queda por debajo del fondo como podria solucionar esto



Gracias

[pzin]

Iniciado por Dog_Dancer

Entiendo, He conseguido un codigo para un searchbox es este:

La gracia está en escribir el código, no en conseguirlo.

Iniciado por Dog_Dancer

La pagina ya la tengo diseñada y tengo una imagen de una playa como fondo, cuando pongo el codigo, el buscador se queda por debajo del fondo como podria solucionar esto

Supongo que esa imagen de fondo no será el fondo de body, sino el fondo de alguna capa u otra cosa. Digo supongo porque es de suponer, porque sin ver nada de código sólo se puede suponer.

[Dog_Dancer]

Iniciado por Bonez

La gracia está en escribir el código, no en conseguirlo.



Supongo que esa imagen de fondo no será el fondo de body, sino el fondo de alguna capa u otra cosa. Digo supongo porque es de suponer, porque sin ver nada de código sólo se puede suponer.

Vale, he escrito este codigo:

<form method="get" action="http://www.google.com/search">
<input type="text" name="q" size="81" maxlength="255" value="" />

<input type="submit" name="" value="Search" />


La busqueda todo esta perfecto, pero como podras ver el buscador esta en la izquierda de la pagina, como consiguo que se mueva para abajo y y la derecha?

[pzin]

No sé donde lo vamos a ver.

Ponlo así:

Código HTML:

<form style="position:absolute;right:0;bottom:0;" method="get" action="http://www.google.com/search">
  <input type="text" name="q" size="81" maxlength="255" value="" />
  <input type="submit" name="" value="Search" />
</form>
 

[Dog_Dancer]

Iniciado por Bonez

No sé donde lo vamos a ver.

Ponlo así:

Código HTML:

<form style="position:absolute;right:0;bottom:0;" method="get" action="http://www.google.com/search">
  <input type="text" name="q" size="81" maxlength="255" value="" />
  <input type="submit" name="" value="Search" />
</form>
 

Gracias, ahora esta perfecto, lo unico es eso, que cuando pongo el codigo en el html junto con los demas codigos se queda debajo del fondo el buscador, si elimino el fondo si se ve perfectamente. Lo estoy viendo con el dreamweaver

[pablogalvan]

Intenta verlo en un navegador, el dreamweaver no es muy fiable para ver como queda.

Por cierto, creo que el problema es que la imagen aparece encima de los controles. Si es ese el problema, es que la imágen debería estar como fondo del formulario.

Para eso pon en la etiqueta form lo siguiente:

<form style="position:absolute;right:0;bottom:0; background-image:'imagen.jpg';" method="get" action="http://www.google.com/search">

Y elimina la etiqueta img