Buen día. En http://www.c-octaviopaz.edu.mx/ estoy creando un sitio web basándome en una plantilla. Actualmente apenas estoy comenzando a editar, por lo que es prácticamente la plantilla lo que hay ahí.
Mi problema es la barra de búsqueda, no funciona. Se puede escribir ahí, pero al oprimir el botón parece que sólo recarga la página.
En el código CSS dice esto:
Código:
.slog {display:block;font-size:14px;line-height:1.2em;color:#8a8a8a;text-transform:uppercase;letter-spacing:-1px}
/* search-form */
#search-form {width:244px;min-height:39px;padding:20px;margin-right:19px;background:#000;border-radius:18px;-moz-border-radius:18px;-webkit-border-radius:18px;float:right}
.search-form {background:#fefefe;border-radius:8px;-moz-border-radius:8px;-webkit-border-radius:8px;width:100%;overflow:hidden}
#search-form input {font-family:Arial, Helvetica, sans-serif;font-size:14px;line-height:1.214em;width:170px;padding:10px 18px 11px;margin:0;color:#9d9d9d;border:none;background:none;float:left}
#search-form a {display:block;width:38px;height:38px;text-indent:-5000px;background:url(../images/search-button.png) 9px 8px no-repeat #00a9ff;border-radius:0 8px 8px 0;-moz-border-radius:0 8px 8px 0;-webkit-border-radius:0 8px 8px 0;float:right}
#search-form a:hover {background-color:#aaa}
/* main menu */
Y en el HTML, esto:
Código:
</h1>
<br><br><br><br><br><form id="search-form" action="" method="post" enctype="multipart/form-data">
<fieldset>
<div class="search-form">
<input type="text" name="search" value="Buscar" onBlur="if(this.value=='') this.value='Type Keyword Here'" onFocus="if(this.value =='Type Keyword Here' ) this.value=''" />
<a href="#" onClick="document.getElementById('search-form').submit()">Search</a>
</div>
</fieldset>
</form>
</div>
<div class="row-2">
¿Podrían ayudarme, por favor? Aún soy muy novato en estos temas. Mil gracias de antemano.