Hola,
Estaba siguiendo un tuto para hacer una web con css
, lo terminçe y todo bien, despues quise cambiarle algunas cosillas, le meti un fondo de imagen y otras cosillas, poro cuando quise meterle el cuadro de busqueda integrada de google ho sorpesa, se brinca a la segunda linea el cuadrito que dice "buscar"...
Aqui el html
Código:
<div id="footer">
<div id="searchForm">
<fieldset>
<!-- Google CSE Search Box Begins -->
<form id="searchbox_008922981084064533668:0ujdin2d-se" action="http://google.com/cse">
<input type="hidden" name="cx" value="008922981084064533668:0ujdin2d-se" />
<input name="q" type="text" size="40" />
<input type="submit" name="sa" value="Buscar" />
<input type="hidden" name="cof" value="FORID:0" />
</form>
<script type="text/javascript" src="http://google.com/coop/cse/brand?form=searchbox_008922981084064533668%3A0ujdin2d-se"></script>
<!-- Google CSE Search Box Ends -->
</fieldset>
</div>
<ul>
<li><a href="#">CC</a></li>
<li><a href="#">LINKIS AKI</a></li>
<li><a href="#">JEJEJE</a></li>
<li><a href="#">OPRS</a></li>
<li><a href="#">UN LINK</a></li>
</ul>
</div>
Y EL CSS
Código:
#footer{
background-color:#114264;
border-top:4px solid #DCE9F6;
color:#FFF;
padding:15px;
margin:auto;
}
#footer ul{
margin-left: 0;
padding-left: 0;
white-space: nowrap;
}
#footer li{
display: inline;
list-style-type: none;
}
#footer a {
padding: 3px 10px;
text-decoration: none;
}
#footer a:link,
#footer a:visited{
color: #fff;
background-color: #036;
}
#footer a:hover{
color: #FF6EBF;
background-color: #369;
}
#searchForm {
width:250px;
float:right;
}
#searchForm fieldset {
border:none;
}
#searchForm form {
margin:0px;
}
#searchForm input {
border:1px solid #003366;
background-color:#FFF;
color:#666;
padding:3px;
por cierto, habia un cuadro de busquedas en la web inicial, lo quite y lo cambie por el de google, es por eso que figura su css... pero ya lo acomodo, o no se si ese sea el problema
. soy novato en esto de las css