Alineacion de modulos con Ja_Rutile  

 
Ramón
 Ramón
Reputable Member

Hola:

Llevo tiempo intentando resolver este problema.
Resulta que necesito alinear las partes inferiores de los modulos: Left, Right y Banner con respecto a la parte superior del modulo: User

Cuando trabajo en verificar los cambios con Firefox, los doy como buenos, pero al verlos en otros navegadores la diferencia es sustancial.

Os dejo las imagenes para que tengais una idea mas clara.

Sabeis como lograr esa alineacion de los modulos? mi plantilla es la JA_Rutile.

Gracias adelantadas.

Saludos

Citar
Respondido : 26/12/2010 7:08 pm
Jordi Sala
 Jordi Sala
Miembro Admin

Hola,

Solo con capturas de pantalla nos podemos hacer una idea, pero para solucionarlo, hay que acceder al frontend del sitio web en cuestión y revisar nosotros, ya que ver el sitio web nos permite comprobar nosotros que la visualización es tal como muestras en las imágenes en los diferentes navegadores, pero necesitamos analizar el código para ver el problema realmente.

Saludos,

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar mi Testimonio

ResponderCitar
Respondido : 27/12/2010 9:18 am

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

Ramón
 Ramón
Reputable Member

Ok Jordi.

Que necesitas?

Saludos

ResponderCitar
Respondido : 27/12/2010 9:54 am
Jordi Sala
 Jordi Sala
Miembro Admin

Hola Ramon,

La url del sitio web para poder visualizar el error con los navegadores que indicas. Por cierto, ?que versión de Internet Explorer estás usando?.

De los tres navegadores, cuales son en los que das por bueno el resultado, teniendo en cuenta que la visualización no es exacta en diferentes navegadores, porque hacen una interpretación distinta de las CSS.

Saludos,

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar mi Testimonio

ResponderCitar
Respondido : 27/12/2010 10:01 am

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

Ramón
 Ramón
Reputable Member

- La url; http://www.hori-bai.com/
- La versión del Explorer es la 7
- Doy por bueno y con las reservas que comentas el Firefox.

Saludos

ResponderCitar
Respondido : 27/12/2010 10:15 am
Jordi Sala
 Jordi Sala
Miembro Admin

Hola Ramón,

El descuadre se produce por el tamaño de la letra de los títulos de los módulos:

div.module h3, div.module_text h3, div.module_menu h3, div.module_hilite h3, div.ja-box-br h3 {
    font-size: 175%;
}

En el archivo template CSS de la plantilla linea 682.

Al ser un tamaño de letra tan grande, produce que en unos navegadores, Acceso Usuarios se vea en dos líneas o en una, de ahí el descuadre. Prueba a cambiar el tamaño a 150 %

Saludos,

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar mi Testimonio

ResponderCitar
Respondido : 27/12/2010 10:38 am

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

Ramón
 Ramón
Reputable Member

Hola Jordi:

Acabo de modificar a 150 % pero los resultados no son los deseados. 🙁

Saludos

ResponderCitar
Respondido : 27/12/2010 11:12 am
Jordi Sala
 Jordi Sala
Miembro Admin

Hola,

Para cuadrarlos en los diferentes navegadores, tendrás que ir "jugando" con el font-size y la longitud de los textos de los módulos, para que en un navegador no se visualice el título del módulo en una fila, y en otro con dos filas, que es lo que produce el descuadre.

Personalmente encuentro el tamaño de los título de los módulos desproporcionados, en relación al tamaño de letra.

Saludos,

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar mi Testimonio

ResponderCitar
Respondido : 27/12/2010 12:55 pm

Cursos Gratuitos WordPress

Ramón
 Ramón
Reputable Member

Hola Jordi:

"Jugué" con el tamaño del font-size hasta el 100%, tamaño que considero mejor que el 150% inicial, que es el que había por defecto en la plantilla.

También "jugué" con los títulos de los módulos para que ocupasen solo una linea.

Los resultados los puedes comprobar http://www.hori-bai.com/ y como verás el espacio se amplia y aumenta.

Por si las moscas, también modifique a 100% los títulos de los módulos user1, user2, user3 y user4, en el archivo template CSS de la plantilla, linea 1016:

ja-botsl div.module h3 {
margin: 0 -14px;
padding: 0 0 7px 15px;
font-size:
150%;
border-bottom: 1px solid #DDDDDD;

Alguna sugerencia?

Saludos

ResponderCitar
Respondido : 27/12/2010 10:12 pm
Jordi Sala
 Jordi Sala
Miembro Admin

Hola,

He visualizado http://www.hori-bai.com/ y ahora se muestra la misma altura de los módulos en los diferentes navegadores.

Ahora para equilibrar un lado con otro, ya no queda influido por las CSS de manera negativa, ahora puedes añadir más contenido a los módulos, para equilibrar. Por ejemplo el módulo de Consumo, poner la imagen un poco más grande.

Si se trata de equilibrar las tres columnas, izquierda, central y derecha, y no tienes textos para añadir, y deseas que bajen las derecha y la izquierda para equilibrar con el centro. Cambiando el font-size a 130% en la línea 682 del archivo template.css:

div.module h3, div.module_text h3, div.module_menu h3, div.module_hilite h3, div.ja-box-br h3 {
    font-size: 130%;
    margin: 0 0 5px;
    padding: 8px 0 2px 15px;
}

ya se gana más espacio en los laterales, y el hueco en la parte superior central se reduce.
Saludos,

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar mi Testimonio

ResponderCitar
Respondido : 28/12/2010 1:08 pm

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

Ramón
 Ramón
Reputable Member

Hola Jordi:

Como puedes ver, esto es todo lo que puedo conseguir http://www.hori-bai.com/

Si te fijas en las demos para Ja_Rutile:

Inicio: http://templates.joomlart.com/ja_rutile/index.php
Diseños: http://templates.joomlart.com/ja_rutile/index.php?option=com_content&view=article&id=24&Itemid=58

Parece que es una "cualidad" de la plantilla ya que no veo una en la que se vean alineados los módulos Left y Right con respecto al central.

Visto lo visto, solo me queda comenzar a mirar otra plantilla que no tenga ese problema de alineamiento.

Por lo tanto, me rindo :S

Gracias por tu ayuda 😉

Saludos

ResponderCitar
Respondido : 28/12/2010 9:42 pm
Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola Ramon

Es cierto lo que comentas, la mayoría de templates tienen ese comportamiento, son columnas independientes y el hecho de que crezca un módulo más que otro depende del contenido.

Con respecto a la visualización diferente en distintos navegadores tiene que ver con la falta de consistencias en el archivo de estilos.

He visto tu sitio web y me parece aceptable, incluso se ve parecido en chrome y firefox.

Saludos.

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar mi Testimonio
¡Gracias!.

ResponderCitar
Respondido : 28/12/2010 11:51 pm

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

Ramón
 Ramón
Reputable Member

Hola jmarreros:

Ok, gracias por tu opinión 😉

Ya que has visto mi sitio, que plantilla me recomendarías para cambiarme a ella?

Saludos

ResponderCitar
Respondido : 29/12/2010 8:54 am

Por favor Iniciar Sesión o Registro