Alineacion de modulos con Ja_Rutile  

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,

Ok Jordi.

Que necesitas?

Saludos

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,

- 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

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,

Hola Jordi:

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

Saludos

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,

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

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,

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

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.

Hola jmarreros:

Ok, gracias por tu opinión 😉

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

Saludos