fuera de linea cudro de busqueda de google

[djwarez]

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

[Ruben_JD]

Prueba con esto en la linea de codigo de:
#searchForm fieldset {
background-color: Lime; /* coloque un color para ver cuanto ancho requeria */
width: 350px; /* coloque una cantidad cualquiera hasta que quedara a la derecha*/
border: none;
}
El boton se coloco a la derecha.

[Mikmoro]

Creo que sólo es que tu size=40 de tu input de texto es mayor que el width:250px de tu #searchForm. Redúcelo a 20 y listo, o bien, amplia el #searchForm a 400px. Juega con eso y lo sacarás fácil.

Mikel.

[djwarez]

Iniciado por Ruben_JD

Prueba con esto en la linea de codigo de:
#searchForm fieldset {
background-color: Lime; /* coloque un color para ver cuanto ancho requeria */
width: 350px; /* coloque una cantidad cualquiera hasta que quedara a la derecha*/
border: none;
}
El boton se coloco a la derecha.

Gracias ya lo inserto

Iniciado por Mikmoro

Creo que sólo es que tu size=40 de tu input de texto es mayor que el width:250px de tu #searchForm. Redúcelo a 20 y listo, o bien, amplia el #searchForm a 400px. Juega con eso y lo sacarás fácil.

Mikel.

Para lo que mensionas donde esta lo del size, no lo encuentro


bueno gracias por sus ayudas, ya me aplico... un saludo

[Mikmoro]

En tu html:

<input name="q" type="text" size="40" />

Mikel.

[djwarez]

Iniciado por Mikmoro

En tu html:

<input name="q" type="text" size="40" />

Mikel.

ok muy amable, gracias.