Página 1 de 1
Modificar la ubicacion el header del campo de busqueda
Publicado: 25 Ene 2009, 21:42
por Principe86
Buenas,
Estoy probando y tratando de crear el header de mi pag web y el problema, como podran ver en el enlace, es que en el header tengo el campo de busqueda con su respectivo boton y "busqueda avanzada" que aparecen muy abajo y no se logra ver adecuadamente. Lo que necesito entonces es encontrar la forma de cambiar la ubicacion dentro del header de los campos de busqueda, mas precisamente, subirlos.
He buscado algo por el foro sin exito y he logrado modificar el archivo common.css sin solucion tampoco.
Muchas gracias y saludos.
URL:
http://www.pesonline.site90.com/Foro" onclick="window.open(this.href);return false;
Versión phpBB: phpBB3 (3.0.3)
MODs Instalados: Ninguno
Plantilla(s) usada(s): subsilver
Servidor:
Actualización desde otra versión: No
Conversión desde otro sistema de foros: No
Re: Modificar la ubicacion el header del campo de busqueda
Publicado: 26 Ene 2009, 00:08
por mitch
No se puede acceder a tu foro... aparece un mensaje del hosting, soluciona eso y nos avisas. salu2.
Re: Modificar la ubicacion el header del campo de busqueda
Publicado: 26 Ene 2009, 03:12
por Principe86
Estaba notando lo mismo, pero parece ser que esto ocurre al intentar entrar desde Mozilla u otro navegador que no sea Internet Explorer con el cual se puede normalmente. Desde los otros aparece un mensaje del que pareciera ser que el hosting esta analizando el contenido de la pagina, algo que hasta hace unas horas no pasaba. De cualquier manera me sorprende que aparezca desde un navegador y no desde otro asi que lo averiguare.
Gracias por el interes de cualquier manera e insisto, no conozco las causas exactas pero desde Internet Explorer se ve bien. Confio que lo otro se solucionara con las horas como dice el mensaje del hosting.
Saludos
Re: Modificar la ubicacion el header del campo de busqueda
Publicado: 26 Ene 2009, 05:11
por mitch
En explorer tambien me aparece.
Consulta con tu hosting, cuando lo soluciones nos dices para proseguir.
Re: Modificar la ubicacion el header del campo de busqueda
Publicado: 26 Ene 2009, 14:41
por Principe86
Creo que se ha solucionado, por mi parte lo estoy viendo correctamente en cualquier navegador.
http://www.pesonline.site90.com/Foro/index.php" onclick="window.open(this.href);return false;
Gracias.
Re: Modificar la ubicacion el header del campo de busqueda
Publicado: 27 Ene 2009, 18:07
por Principe86
Logre descubrir algo que no se si es normal o no pero me llamo la atencion. Si yo cambio el archivo common.css, lo guardo, lo subo, limpio los caches (desde el panel de administracion o manualmente) no noto los cambios en la pagina. Ahora, si entro al panel de administracion y voy a "editar plantilla" y cambio los mismos codigos si se notan los cambios. No se porque estara pasando esto.
Lo que estuve cambiando es este codigo:
Código: Seleccionar todo
#search-box {
color: #FFFFFF;
position: relative;
margin-top: 30px;
margin-right: 5px;
display: block;
float: right;
text-align: right;
white-space: nowrap; /* For Opera */
}
Si yo cambio
margin-right: 5px; por cualquier otro valor todos los campos de busquedas los puedo cambiar horizontalmente de izquierda a derecha.
Ahora, si yo cambio
margin-top: 30px; por cualquier otro valor, me cambio el largo del banner y los campos siguen estando orientados en el extremo inferior.
He tocado todo, cambie a
float: center;, he leido manuales y cambiado
position: absolute;, he agregado
margin-bottom: 10px;, etc. Pero lo unico que he logrado fue como dije, variar el largo del header en vez la posicion de estos campos.
Seguire intentando y si tengo alguna novedad la subire. Mientras, sigo esperando a ver si alguien tiene alguna idea y me tira una mano.
Saludos.
Re: Modificar la ubicacion el header del campo de busqueda
Publicado: 27 Ene 2009, 18:33
por luffysombrerodepaja
Ponle menos al "margin-top: 30" ponle por ejemplo 20.
No se me ocurre otra cosa. Es rarito eso...

Re: Modificar la ubicacion el header del campo de busqueda
Publicado: 27 Ene 2009, 18:43
por Principe86
Fue lo que primer se me ocurrio, que igual a como pasaba con el "margin-right:" el "top" seria la distancia desde arriba. Sin embargo lo que ocurre al achicar ese parametro es que se achica el banner, se hace menos largo y los campos de busqueda conservan exactamente la misma distancia hasta el final del Header que antes

Re: Modificar la ubicacion el header del campo de busqueda
Publicado: 27 Ene 2009, 19:15
por mitch
en el archivo "common.css" de la carpeta "theme" de tu estilo.
Código: Seleccionar todo
#search-box {
color: #FFFFFF;
position: relative;
margin-top: 30px;
cambias el
margin-top, el resto lo dejas tal cual como viene por defecto.
si lo dejas en 30, va a quedar abajo, si le pones 20 o 10, el cuadro de busqueda va a subir.
Y no ves los cambios, porque no actualizas los CSS
En el ACP, pestaña
ESTILOS >
Temas > y das click en "
Actualizar" para tu estilo.
tambien actualiza el cache de tu navegador con la tecla CONTROL+F5 en tu web (volvera a cargarse).
es todo... tu estilo se basa en prosilver, el header tiene el mismo código, y a mi en prosilver me funciona correctamente.
Re: Modificar la ubicacion el header del campo de busqueda
Publicado: 27 Ene 2009, 21:23
por luffysombrerodepaja
O sino puedes probar tb a ponerle un tamaño predeterminado al header...