Estoy haciendo mi web después de haber terminado el curso paso a paso y no he visto que expliquen como poner el botón de "busqueda" (quiero que el usuario cuando ponga una palabra en el buscador, este la dirija a la zona de mi página web donde se sitúa lo que busca).
He conseguido poner el botón (aunque no se si esta correcto) pero el problema es que me ha desconfigurado la barra de "navegación" (digamos que si el botón "búsqueda" queda a la derecha, todo el recuadro de navegación me queda una línea mas abajo, hasta ahí bien, pero no llega hasta el final de la hoja, termina en cuanto empieza el botón búsqueda).
Lo tengo así:
<!-- INICIO CODIGO DE CABECERA - NO TOCAR -->
<div id="bordesuperior"></div>
<div id="search-box"><form method="get" action="#" id="search"><p class="nomargin">
<input name="search_keywords" id="keywords" maxlength="128"
class="inputbox search" value="Buscar..."
onclick="if (this.value == 'Buscar...') this.value = '';" onblur="if (this.value == '') this.value = 'Buscar...';"
type="text"><input class="button2" value="BUSCAR" type="submit"></p></form></div><span class="corners-bottom">
<span></span></span>
<div id="cabecera">Aquí irá mi logotipo entre otras cosas</div>
<div id="navegacion">
<ul> <li><a href="#">PRODUCTOS</a></li> <li><a href="../ofertasespeciales/ofertasespeciales.html">OFERTAS ESPECIALES</a></li> <li><a href="../servicios/servicios.html">SERVICIOS</a></li> <li><a href="../contacto/contacto.html">CONTACTO</a></li> </ul>
</div>
<!-- FIN DE CODIGO DE CABECERA -->
Alguien podría detectarme el error o errores??? O si lo haríais de forma diferente...
He conseguido poner el botón (aunque no se si esta correcto) pero el problema es que me ha desconfigurado la barra de "navegación" (digamos que si el botón "búsqueda" queda a la derecha, todo el recuadro de navegación me queda una línea mas abajo, hasta ahí bien, pero no llega hasta el final de la hoja, termina en cuanto empieza el botón búsqueda).
Lo tengo así:
<!-- INICIO CODIGO DE CABECERA - NO TOCAR -->
<div id="bordesuperior"></div>
<div id="search-box"><form method="get" action="#" id="search"><p class="nomargin">
<input name="search_keywords" id="keywords" maxlength="128"
class="inputbox search" value="Buscar..."
onclick="if (this.value == 'Buscar...') this.value = '';" onblur="if (this.value == '') this.value = 'Buscar...';"
type="text"><input class="button2" value="BUSCAR" type="submit"></p></form></div><span class="corners-bottom">
<span></span></span>
<div id="cabecera">Aquí irá mi logotipo entre otras cosas</div>
<div id="navegacion">
<ul> <li><a href="#">PRODUCTOS</a></li> <li><a href="../ofertasespeciales/ofertasespeciales.html">OFERTAS ESPECIALES</a></li> <li><a href="../servicios/servicios.html">SERVICIOS</a></li> <li><a href="../contacto/contacto.html">CONTACTO</a></li> </ul>
</div>
<!-- FIN DE CODIGO DE CABECERA -->
Alguien podría detectarme el error o errores??? O si lo haríais de forma diferente...