Avisos
Vaciar todo

Como alinear modulo buscar a la derecha  

 
Rosa
 Rosa
Reputable Member

hola tengo la plantilla Ja_tube.
Estoy haciendo muchas cosas, gracias a vuestra ayuda.

Tengo colocado el modulo buscar en la zona users4 (arriba del todo) pero quiero alinearlo a la derecha. ¿En que parte del css tengo que modificar el parametro?

Gracias

Citar
Respondido : 07/12/2011 11:03 am
David Noguera
 David Noguera
Miembro Moderator

Hola Rosa,

entiendo que la URL de tu web es esta:

http://www.dahlberg-sa.com/prueba/

veo que ya aparece alineado a la derecha, pero con un fondo negro:

Tu lo ves así?

Si no es así dinos que navegador estás usando y que cambios quieres hacer, si es posible envía una captura con indicaciones..

Saludos!

ResponderCitar
Respondido : 07/12/2011 11:36 am

Cursos Gratuitos WordPress

Rosa
 Rosa
Reputable Member

Yo uso el Explorer.
Veo que con el Mozilla y chrome, sale como tu captura.

Que me aconsejas que haga? Hay alguna incompatiblidad ?

Gracias

ResponderCitar
Respondido : 07/12/2011 11:59 am
David Noguera
 David Noguera
Miembro Moderator

Hola Rosa,

veo que el error sólo se produce en IE7 y yo lo he podido solucionar de esta forma:

#ja-search form{
float:right !important;
}

Añade este código en el fichero de estilos CSS de tu plantilla:

http://www.dahlberg-sa.com/prueba/templates/ja_tube/css/template.css

Saludos

ResponderCitar
Respondido : 07/12/2011 12:29 pm

wpdoctor-revisa-la-salud-de-tu-wordpress

Rosa
 Rosa
Reputable Member

Fantastico. el "search solucionado" Ahora el que está desalineado en Explorer y alineado en MOzilla es el modulo que creé para la ubicacion user 4.
Te envío pantallazo del mozilla que es correcto:

Y el del Explorer:

Se puede hacer alguna cosa también?

ResponderCitar
Respondido : 07/12/2011 4:23 pm
Pablo Velasco
 Pablo Velasco
Illustrious Member

Hola,

Veo que este módulo que has creado no se encuentra dentro de alguna etiqueta div que se pueda utilizar para su alineación. Deberías colocar la carga del módulo entre una etiqueta tipo

y otra

para luego poder aplicar estilos CSS del siguiente tipo:

#arriba{
float:right !important;
}
ResponderCitar
Respondido : 07/12/2011 5:23 pm

Gestor de Contraseñas - VPN Conexión Segura - Gestor 2FA (Segundo Factor de Autenticación

Rosa
 Rosa
Reputable Member

HOla puedes explicarmelo de otra forma. LO siento pero no entiendo que tengo que hacer.

ResponderCitar
Respondido : 12/12/2011 4:17 pm
Pablo Velasco
 Pablo Velasco
Illustrious Member

Hola,

Indícanos cómo has colocado la imagen con el teléfono y los iconos de las redes sociales para que podamos entender mejor el sistema que has seguido. En una primera impresión, parece que los has colocado en un módulo situado en la posición user4, aunque parece que va integrado junto con el selector de idiomas. Envía sino una captura de pantalla del gestor de módulos de la administración donde se vean los módulos de la posición user4.

ResponderCitar
Respondido : 12/12/2011 5:36 pm

Rosa
 Rosa
Reputable Member

Pablo, el tema es que en el Explorer se ve mal.
En Mozilla y Chrome se ve perfectamente.

David NOguera me ayudó cuando el modulo search, tambien le pasaba lo mismo y se solucionó:
Hola Rosa,

"veo que el error sólo se produce en IE7 y yo lo he podido solucionar de esta forma:

#ja-search form{
float:right !important;
}

Añade este código en el fichero de estilos CSS de tu plantilla:

www.dahlberg-sa.com/prueba/templates/ja_tube/css/template.css"

De todas maneras el modulo donde está el telefono y los iconos de redes sociales es este:

ResponderCitar
Respondido : 13/12/2011 8:27 am
Pablo Velasco
 Pablo Velasco
Illustrious Member

Hola,

Prueba a editar el módulo donde cargas el teléfono y los enlaces a las redes sociales. Justo encima del editor donde se muestra el contenido del módulo pulsa en el enlace mostrar/ocultar. De esta forma se cambia del editor a la vista html. Aquí tendrás un código donde se carga la tabla. Empieza con una etiqueta <table... y se cierra con

.

Antes de la apertura de la tabla añade el código

y justo después el código

.

Comprueba si así te funciona.

ResponderCitar
Respondido : 13/12/2011 11:31 am

optimiza-automaticamente-todas-las-imagenes-de-tu-wordpress

Rosa
 Rosa
Reputable Member

Pues funcionar ha funcionado pero el resto de la web se ha desmontado:

Esto es lo que hay en el modulo:

ResponderCitar
Respondido : 13/12/2011 3:17 pm
Pablo Velasco
 Pablo Velasco
Illustrious Member

Hola,

Si se ha desconfigurado la página se debe a que no se ha cerrado una etiqueta div. De todas formas, el código no se coloca como lo has puesto, lo correcto sería así;

<table .... (aquí todo el código que hay dentro de la tabla
ResponderCitar
Respondido : 13/12/2011 6:22 pm

Cursos Gratuitos WordPress

Rosa
 Rosa
Reputable Member

Gracias.

Te copio como ha quedado (pero sigue sin funcionar):
ver: http://www.dahlberg-sa.com/prueba/

 

 

Esta publicación ha sido modificada el hace 4 años por antonio
ResponderCitar
Respondido : 14/12/2011 7:41 am
Pablo Velasco
 Pablo Velasco
Illustrious Member

Hola,

Veo que no has colocado bien el código. Cierras la tabla nada más abrirla. Prueba a poner el siguiente código:

   
Esta publicación ha sido modificada el hace 4 años por antonio
ResponderCitar
Respondido : 14/12/2011 11:40 am

wpdoctor-revisa-la-salud-de-tu-wordpress

Rosa
 Rosa
Reputable Member

Yupiiiii. Funciona!!
Me fijaré mas en tus indicaciones.
Gracias

ResponderCitar
Respondido : 14/12/2011 4:09 pm