Alinhar código de buscador à direita

Senege · 13/10/2011

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:

Inserir CODE, HTML ou PHP:

<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 · 13/10/2011

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

Senege · 13/10/2011

jorgenicol disse:
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 · 13/10/2011

Prueba aplicandole en el css float:right;

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

HTML:

<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 · 13/10/2011

vallel disse:
Prueba aplicandole en el css float:right;

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

HTML:

<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 · 13/10/2011

Perfecto, que bueno que te haya servido 🙂

iNeedYou · 26/12/2011

¿Como era para bajar el buscador hacia abajo? 🙄

Corsario · 17/02/2012

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 · 17/02/2012

iNeedYou disse:
¿Como era para bajar el buscador hacia abajo? 🙄

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

Corsario · 17/02/2012

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

Alinhar código de buscador à direita

Senege

jorgenicol

Senege

vallel

Senege

vallel

iNeedYou

Corsario

Fabián Rodríguez

Corsario

Tópicos similares