Problemas con buscador en sitio web

  • Autor Autor kanikase
  • Fecha de inicio Fecha de inicio

kanikase

Préstamo
Ómicron
Programador
Verificación en dos pasos activada
Verificado por Whatsapp
¡Ha verificado su Paypal!
Necesito ayuda para mi buscador de Google, el problemas es que como aqui en foro beta, canbie la palabra "Buscar" por una imagen, el problema es que todo el css esta hecho a la resolucion de mi pantalla, y al cambiarla la imagen para buscar se mueve de posicion, me gustaria que alguien me puediera ayudar, esto es lo que utilizo:

HTML:
HTML:
<div id="buscador">
<form action="http://www.google.com.mx" id="cse-search-box" target="_blank">
  <div>
    <input type="hidden" name="cx" value="partner-pub-xxxxxxxxxxxx:xxxxxxxxxx" />
    <input type="hidden" name="ie" value="UTF-8" />
    <input type="text" name="q" size="38" />
    <span class="imgbuscar"><input type="image" name="submit" alt="Buscar" src="http://lojuegas.tk/content/search.png" title="Buscar" /></span>
  </div>
</form>

<script type="text/javascript" src="http://www.google.com.mx/coop/cse/brand?form=cse-search-box&amp;lang=es"></script></div>

Y este es el css:
HTML:
<style>#buscador {
position:absolute;
float:right;
margin-left:703px;
z-index:99999;
}
.imgbuscar {
position: absolute;
margin-left: 246px;
margin-top: -29px;
}</style>

El resultado en mi resolucion es este:



Y el resultado en una resolucion mas chica:



Esta es la pagina donde lo tengo: LoJuegas | Juegos gratis online y por categorias aqui los encontraras.
 
Pero creo que no te refieres a la resolución de la pantalla. Esta, por lo regular, se mide en pixeles y es común encontrar sitios como el tuyo, hechos para dimensiones fijas. Un dispositivo con un medio de presentación menor a 990px va a tener problemas para ver tu sitio, porque las dimensiones fijas hacen que una parte de él quede fuera de la presentación, ya que tu sitio no es adaptable.

Así que creo que te refieres al zoom de la página y cada navegador va a manejar esto de forma distinta. Algunos reducen de forma proporcional todo el contenido, otros reducen solo el texto, pero no creo que esto pueda controlarse con hojas de estilo.

Yo en mi laptop veo bien tu sitio, en mi teléfono no veo nada.
 
Intenta cambiar el css de imgbuscar

HTML:
.imgbuscar {
float:left;
margin-left: -29px;
}