Alinear código de buscador a la derecha

[Senege]

Antes que nada, si no va acá este post, perdón, favor de mover, el tema es que tengo el código de google puesto en el foro Enlace eliminado y quiero alinearlo hacia la DERECHA.

Codigo a modificar:

<form action="http://www.google.com/cse" id="cse-search-box">
  <div>
	 <input type="hidden" name="cx" value="009940289162590371529:excnqyzn9vc" />
	 <input type="hidden" name="ie" value="UTF-8" />
	 <input type="text" name="q" size="31" />
	 <input type="submit" name="sa" value="Buscar" />
  </div>
</form>
<script type="text/javascript" src="http://www.google.com/cse/brand?form=cse-search-box&lang=es"></script>

saludos

 

[jorgenicol]

sos dueño de un foro de hackers... y nos venis a preguntar a nosotros?

 

[Senege]

sos dueño de un foro de hackers... y nos venis a preguntar a nosotros?

Viejo, si te jode que pregunte por que soy dueño de un foro de "hacker" para que mierda entras? no desvíes el tema hace me el favor.

 

[vallel]

Prueba aplicandole en el css float:right;

En el código que veo que tienes puedes ponerlo así:

<div style="float:right; margin-right: 3%;">
	 <input type="hidden" value="009940289162590371529:excnqyzn9vc" name="cx">
	 <input type="hidden" value="UTF-8" name="ie">
	 <input type="text" size="31" name="q" style="border: 1px solid rgb(126, 157, 185); padding: 2px; background: url(&quot;http://www.google.com/cse/intl/es/images/google_custom_search_watermark.gif&quot;) no-repeat scroll left center rgb(255, 255, 255);">
	 <input type="submit" value="Buscar" name="sa">
  </div>

Lo de margin-rigth:3%; es para que no se salga de tu diseño, puedes jugar con ese valor para que quede a tu gusto.

Saludos

 

[Senege]

Prueba aplicandole en el css float:right;

En el código que veo que tienes puedes ponerlo así:

<div style="float:right; margin-right: 3%;">
	 <input type="hidden" value="009940289162590371529:excnqyzn9vc" name="cx">
	 <input type="hidden" value="UTF-8" name="ie">
	 <input type="text" size="31" name="q" style="border: 1px solid rgb(126, 157, 185); padding: 2px; background: url("http://www.google.com/cse/intl/es/images/google_custom_search_watermark.gif") no-repeat scroll left center rgb(255, 255, 255);">
	 <input type="submit" value="Buscar" name="sa">
  </div>

Lo de margin-rigth:3%; es para que no se salga de tu diseño, puedes jugar con ese valor para que quede a tu gusto.

Saludos

Gracias vallel , vamos a probar y te cuento.

Edit:

Quedo perfecto, solo le tuve que modificar en <<div style="float:right; margin-right: 3%;"> había dos << error de cuando tipeaste seguro, pero es lo de menos, gracias.
saludos

 

[vallel]

Perfecto, que bueno que te haya servido 🙂

 

[iNeedYou]

¿Como era para bajar el buscador hacia abajo? 🙄

 

[Corsario]

Y como se coloca el buscador en la parte inferior ?

Hola Vallel,

El código me resulto excelente, pero el buscador es posicionado en la parte superior derecha, cual es la sentencia para ir bajando el buscador a mi gusto ?

Muchas gracias!

 

[Fabián Rodríguez]

¿Como era para bajar el buscador hacia abajo? 🙄

Hay varias formas, podrías ponerle un margin-top o padding-top dependiendo del caso.

 

[Corsario]

Fabián y como sería el código ? , si no fuera mucha molestia 🙂