Avisos
Vaciar todo

mala visualizacion de mi Sitio  

 
Jose Angel Mantilla
 Jose Angel Mantilla
Nuevo usuario

Despues de estar configurando ya desde hace un par de meses el sitio alojado en su hosting, http://www.juanjocobo.com.es/ tengo acumulados varios problemas que soy incapaz de resolver, por mas que lo he intentado:

1.-No se visualiza correctamente en versiones de IExplorer inferior a IE9; se descuadra el inicio de la web, no se ven las imagenes (aparecen con una "X"), y en general, se ve todo incorrecto.He probado con varias plantillas, y con todas me hace lo mismo; en general, ademas noto, que al editar contenidos, pasa un tiempo hasta que los cambios se visualizan correctamente, y en algun caso y navegador, no se visualizan correcto, hasta limpiar todo el historial, caché, etc, en el navegador (logicamente no puedo pedir a mis visitantes que actualicen constantemente la caché, etc); estoy probando ahora con caché cleaner", a ver si mejora esto de la caché, aunque los descuadres con Explorer 8 y Explorer 7 permanecen.

2.- Desde el principio, casi, he tenido problemas con algunos apartados de joomla, por ejemplo, el login: al hacer login, parece que se descuadran algunos contenidos, y en general, la navegacion por el sitio empeora; no funciona correctamente "enviar articulo", ya que el editor en el frontend aparece incompleto (he probado varios editores), y en general, funciona mal.
3.- El sitio está actualizado a jommla 252, y las extensiones son las ultimas versiones de cada fabricante, y todas compatibles (teoricamente) con joomla 250.

Rogaria una ayuda u orientación de por donde pueden ir los tiros, si puede ser un error de javascript, o de configuracion global, o el htacces...ya no sé que mas mirar

saludos y gracias

URL del sitio: http://www.juanjocobo.com.es

Citar
Respondido : 27/03/2012 10:01 pm
Luis Mendez Alejo
 Luis Mendez Alejo
Miembro Admin

Hola Jose Angel,

¿Puedes facilitar una captura como la siguiente para verificar como estás gestionando la caché?.

No obstante creo que todo el problema viene derivado de la compresión de datos (plantilla, javascript, código, css) que estás aplicando lo que te está causando estos inconvenientes.

¿Puedes indicarnos si estás utilizando algún plugin o configuración de tu plantilla para comprimir el código?.

Saludos

ResponderCitar
Respondido : 27/03/2012 10:24 pm

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

Jose Angel Mantilla
 Jose Angel Mantilla
Nuevo usuario

En principio, creo que no tengo ningun plugin de compresion activado; es una Plantilla ZTMORGA, instalada de base como version de joomla 250.
Por si sirve de algo, edito siempre en el backend con Mozilla

Ahi van las capturas

ResponderCitar
Respondido : 27/03/2012 11:53 pm
Luis Mendez Alejo
 Luis Mendez Alejo
Miembro Admin

Hola Jose Angel,

De la plantilla en uso, desde el Gestor de Plantillas, ¿nos puedes facilitar algunas captura de como la tienes configurada?

Saludos

ResponderCitar
Respondido : 28/03/2012 12:01 am

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

Jose Angel Mantilla
 Jose Angel Mantilla
Nuevo usuario

OK, este es el "template.css"

/*------------------------------------------------------------------------
* Copyright (c) 2008-2012 ZooTemplate. All Rights Reserved.
* @license - Copyrighted Commercial Software
* Author: ZooTemplate
* Websites: http://www.zootemplate.com
-------------------------------------------------------------------------*/

/* COMMON STYLE
--------------------------------------------------------- */
html, body, form, fieldset {margin: 0;padding: 0;}
body {line-height: 21px;font-family: Arial;}
body#bd {color: #555555;background: #232323;}
body.fs1 {font-size: 10px;}
body.fs2 {font-size: 11px;}
body.fs3 {font-size: 12px;}
body.fs4 {font-size: 13px;}
body.fs5 {font-size: 14px;}
body.fs6 {font-size: 15px;}

/* Clearfix */
.clearfix {clear: both;}
#zt-wrapper {
margin: 0 auto;
padding: 0;
width: 100%;
}
#zt-wrapper-inner {
padding: 0;
overflow: hidden;
margin:0 auto;

}
.zt-wrapper {
width: 960px;
margin: 0 auto;
}
.zt-wrapper-inner {
padding: 0 10px;
}
#zt-userwrap1,
#zt-userwrap2,
#zt-userwrap3,
#zt-userwrap4,
#zt-userwrap5,
#zt-userwrap6,
#zt-userwrap7 {
width: 100%;
clear: both;
}
#zt-userwrap1-inner,
#zt-userwrap2-inner,
#zt-userwrap3-inner,
#zt-userwrap4-inner,
#zt-userwrap5-inner,
#zt-userwrap6-inner,
#zt-userwrap7-inner {
padding:0px;
overflow: hidden;
}
div.moduletable,
div.moduletable_menu,
div.moduletable_text,
div.module,
div.module_menu,
div.module_text {
clear: both;
margin:0;
position: relative;
overflow: hidden;
}
div.modulecontent {
padding:0;
}

/*container with right*/
/*container with right*/
#zt-container{
width:100%;
}
#zt-right{
width:22%;
float:right;
}
#zt-left{
width:22%;
float:left;
}
#zt-content{
margin:20px 0px 20px 0px;
width:100%;
float:left;
}
#zt-content-inner{
width:56%;
float:left;
}
#zt-content-inner #zt-middle-inner{
padding:0px 20px 0px 20px;
}

#zt-container-full #zt-content-inner{
width:100%;
float:left;
}

#zt-container-full #zt-content-inner #zt-middle-inner{
padding:0;
}

#zt-container-right #zt-content-inner{
width:67%;
float:left;
}

#zt-container-right #zt-right{
width:33%;
float:right;
}

#zt-container-left #zt-content-inner{
width:67%;
float:left;
}

#zt-container-left #zt-left{
width:33%;
float:left;
padding:0;
}

#zt-breadcrumb-inner{ margin:-10px 0 10px; float:left; width:100%; }
#zt-container-right #zt-breadcrumb-inner{ margin:-10px 20px 0px; float:left; width:100%; }

/*****HEADER*****/
#zt-header{
height:100px;
border-bottom:1px solid #000000;
}

#zt-header-inner{
width:100%;
height:100%;
float:left;
}

#zt-logo{
width:192px;
height:48px;
float:left;
margin-top:20px;
}
#zt-logo a{
width:192px;
height:48px;
display:block;
}
#zt-logo span{
display:none;
}

#zt-tool{
width:100%;
float:right;
text-align:right;
position:absolute;
top:0;
right:0;
margin:0px 7px 0px 0px;
}
#zt-tool img{
cursor:pointer;
}
#zt-social-network{
width:340px;
height:auto;
float:right;
position:relative;
margin:10px 0px 0px 0px;
}

#zt-social-network .zt-top{
width:100%;
height:auto;
float:right;
margin:20px 7px 0px 0px;
}

#zt-social-network .zt-top ul{
width:100%;
height:auto;
float:right;
margin:0px;
padding:0;
}

#zt-social-network .zt-top ul li{
float:right;
padding:0;
margin:0px 0px 0px 10px;
color:#828080;
font-size:100%;
background:none;
}

#zt-social-network .zt-top ul li a img{
padding:0;
margin:2px 0px 0px 0px;
}

#zt-social-network .zt-bot{
width:100%;
float:right;
height:auto;
color:#828080;
margin:0px 7px 0px 0px;
text-align:right;
}

#zt-social-network .zt-bot span{
color:#b4094d;
}

/******Main Menu*****/
#zt-mainmenu{
background:url('../images/zt_bg_main_menu.png') top left repeat-x;
height:56px;
border-bottom:3px solid #ffffff;
}

#zt-mainmenu-inner{
width:725px;
float:left;
height:56px;
}

/****top search****/
#zt-search{
width:235px;
float:right;
height:56px;
}

#zt-search .search{
width:230px;
color:#777575;
font-weight:bold;
float:right;
height:32px;
background:#cdcdcd;
border:1px solid #000000;
margin:11px 0px 0px 0px;
}

#zt-search .search .inputbox{
border: 0;
font-weight:bold;
margin: 3px 0px 0px 5px;
}

#zt-search .search .button-search{
width:20px;
height:20px;
float:right;
margin:6px 6px 0px 0px;
background:url('../images/zt_btn_search.png') top right;
text-indent:-999px;
}

/*zt-slideshow*/
#zt-slideshow{
height:461px;
background:#cdcdcd url('../images/zt_bg_slideshow.png') bottom right repeat-x;
border-bottom:1px solid #ffffff;
}
#zt-slideshow-inner{
width:938px;
height:395px;
float:left;
margin:25px 0px 0px 4px;
background:#ffffff;
border:7px solid #ffffff;
}
.jv_headline_accord_wrap .lof_shadow {
height: 308px !important;
right: 10px !important;
}

.jv_headline_accord_wrap .feature_excerpt {
padding:10px 20px 10px 20px !important;
border:0 !important;
background:#081417 !important;
}

.jv_headline_accord_container .featured {
border-left: 1px solid #ffffff !important;
}

.jv_headline_accord_wrap .feature_excerpt h4{
font-size:120% !important;
color:#c1c0c0 !important;
line-height:0.4em !important;
font-weight:bold !important;
}

.jv_headline_accord_wrap .sliderheading {
font-size:120% !important;
color:#c1c0c0 !important;
line-height:1.4em !important;
font-weight:bold !important;
text-transform:none !important;
}

.jv_headline_accord_wrap .feature_excerpt .position_excerpt{
margin:10px 0px 0px 0px;
font-size:110% !important;
color:#747474 !important;
margin:0 !important;
}

.jv_headline_accord_wrap .feature_excerpt .position_excerpt .introtext{
float:left;
padding:0px 30px 0px 0px;
}

/*zt-mainframe*/
#zt-mainframe{
background:#f2f2f2;
min-height:350px;
height:auto;
width:100%;
float:left;
}

.content-art{
width:100%;
height:auto;
float:left;
text-align:justify;
}

.content-art .images-article{
float:left;
margin:0px 20px 20px 0px;
}

/*link logo*/
.logo-link{
width:100%;
}

.logo-link a{
float:left;
margin:10px 11px 0px 5px;
}

.logo-link h3.moduletitle{
margin:0;
}

.logo-link .des-custom{
color:#bdbcbc;
width:100%;
font-size:100%;
}

/*Waper User 1*/
#zt-userwrap1{
height:auto;
padding:30px 0px 40px 0px;
background:#e0e0e0 url('../images/zt_userwrap1.png') bottom right repeat-x;
}

#zt-userwrap1 .zt-user{
float:left;
}

#zt-userwrap1 .zt-user .zt-box-inside{
padding:0px 10px 0px 10px;
}

#zt-userwrap1 .zt-user .moduletitle{
color:#444444;
font-size:170%;
text-transform:uppercase;
width:100%;
margin:0px 0px 10px 0px;
float:left;
padding:0;
}

#zt-userwrap1 .zt-user .modulecontent{
color:#848484;
font-size:100%;
width:230px;
float:left;
}

#zt-userwrap1 .zt-user .icon1{
padding:0px 0px 0px 60px;
background:url('../images/zt_icon1.png') no-repeat 5px 20px;
}

#zt-userwrap1 .zt-user .icon2{
padding:0px 0px 0px 60px;
background:url('../images/zt_icon2.png') no-repeat 5px 20px;
}

#zt-userwrap1 .zt-user .icon3{
padding:0px 0px 0px 60px;
background:url('../images/zt_icon3.png') no-repeat 5px 20px;
}

#zt-userwrap1 .zt-user .modulecontent .icon1{
padding:0 !important;
background:none !important;
}

#zt-userwrap1 .zt-user .modulecontent .icon2{
padding:0 !important;
background:none !important;
}

#zt-userwrap1 .zt-user .modulecontent .icon3{
padding:0 !important;
background:none !important;
}
/*Waper User 2*/

#zt-userwrap2{
height:auto;
background:#e9e9e9;
border-top:1px solid #c4c4c4;
border-bottom:1px solid #c4c4c4;
padding:20px 0px 20px 0px;
}

#zt-userwrap2 .zt-user{
float:left;
}

#zt-userwrap2 .zt-user .zt-box-inside{
padding:0px 10px 0px 10px;
}

#zt-userwrap2 .zt-user .zt-box-inside .mostread{
width:200px;
}

#zt-userwrap2 .zt-user .zt-box-inside .moduletitle {
color:#686868;
font-weight:bold;
font-size:160%;
}

#zt-userwrap2 .zt-user .zt-box-inside .modulecontent p{
margin:0;
}

#zt-userwrap2 .zt-user .zt-box-inside ul li{
background:url('../images/zt_bg_hr_menu_footer.png') bottom right repeat-x;
line-height:28px;
padding:0px;
}

#zt-userwrap2 .zt-user .zt-box-inside ul li a{
color:#555555;
text-decoration:none;
background: url("../images/bullet.png") no-repeat scroll 2px 13px transparent;
padding:10px 0px 10px 15px;
}

#zt-userwrap2 .zt-user .zt-box-inside ul li a:hover{
text-decoration:underline;
}

#zt-right h3.moduletitle{
margin:0;
color:#686868;
}

#zt-left h3.moduletitle{
margin:0;
color:#686868;
}

#zt-left .moduletable{
margin:0px 0px 30px 0px;
}

#zt-col1{
margin:30px 0px 0px 0px;
width:100%;
float:left;
}

/*news-events*/
.news-events{
width:100%;
float:left;
height:auto;
margin:0px 0px 0px 0px;
}

.news-events ul{
width:100%;
float:left;
height:auto;
padding:0;
margin:0;
}

.news-events ul li{
width:100%;
float:left;
height:auto;
padding:0;
margin:0;
background:none;
border-bottom:1px solid #cbc9c9;
}

.news-events ul li.last{
border:none;
}

.event-item{
width:100%;
float:left;
height:auto;
padding:20px 0px 20px 0px;
}

.event-item-images{
width:64px;
float:left;
height:64px;
border:1px solid #cbc9c9;
background:#ffffff;
}

.event-item-images img{
margin:2px 0px 0px 2px;
float:left;
}

.event-item-intro{
width:60%;
height:auto;
float:left;
margin:0px 0px 0px 15px;
}

#zt-container-right #zt-right .event-item-intro{
width:70%;
height:auto;
float:left;
margin:0px 0px 0px 15px;
}

.event-item-intro a{
color:#555555 !important;
}

.event-item-intro p{
margin:0 !important;
}

.event-item-intro h4{
font-size:100%;
width:100%;
margin:0 !important;
}

.news-events .article-item{
width:100%;
float:left;
height:auto;
}

.more_link{
width:100%;
float:left;
margin:10px 0px 0px 0px;
}

.news-events .article-item-list{
width:100%;
float:left;
height:auto;
padding:0;
margin:0px 0px 0px 0px;
}

.news-events .article-item-list li{
width:100%;
float:left;
height:auto;
background:url("../images/zt_bg_hr_menu_footer.png") repeat-x scroll right bottom !important;
margin:0;
line-height:30px;
padding:0 !important;
border:none;
}

.news-events .article-item-list li a{
padding:0px 0px 0px 15px !important;
background:url("../images/bullet.png") no-repeat 0px 3px !important;
color:#555555;
}

.weblinks{
width:100%;
float:left;
height:auto;
padding:0;
margin:0px 0px 0px 0px;
}

.weblinks li{
width:100%;
float:left;
height:auto;
background:url("../images/zt_bg_hr_menu_footer.png") repeat-x scroll right bottom !important;
margin:0;
line-height:30px;
padding:0 !important;
border:none;
}

.weblinks li a{
padding:0px 0px 0px 15px !important;
background:url("../images/bullet.png") no-repeat 0px 3px !important;
color:#555555 !important;

}

.latestnews{
width:100%;
float:left;
height:auto;
padding:0;
margin:0px 0px 0px 0px;
}

.latestnews li{
width:100%;
float:left;
height:auto;
background:url("../images/zt_bg_hr_menu_footer.png") repeat-x scroll right bottom !important;
margin:0;
line-height:30px;
padding:0 !important;
border:none;
}

.latestnews li a{
padding:0px 0px 0px 15px !important;
background:url("../images/bullet.png") no-repeat 0px 3px !important;
color:#555555 !important;
}

#archive-items li{
background:none;
}

/*footer*/
#zt-footer{
background:#232323 url('../images/zt_bg_footer.png') top left repeat-x;
min-height:40px;
font-size:90%;
color:#bdbdbd;
padding:26px 0px 0px 0px;
}

#zt-footer a{
color:#159ABB;
}

#zt-footer a:hover{
text-decoration:underline;
}

/*icons*/
ul.actions{
text-align:right;
float:right;
padding:0 ;
width:50%;
margin:0
}

ul.actions li{
display:inline;
background:none;
}

ul.actions a{
text-decoration:none
}

.article-info{
width:50%;
}

Y aqui, la captura del gestor de la plantilla, propiedades del css,etc

ResponderCitar
Respondido : 28/03/2012 1:08 pm
Pablo Velasco
 Pablo Velasco
Illustrious Member

Hola,

Parece que el problema con las imágenes en Internet Explorer está causado por un plugin que estás utilizando en tu Joomla.

Concretamente se trata del plugin pgl_ztools que supongo que se usa para redimensionar de forma automática la imagen del artículo.

Esto parece que no está funcionando, por una parte porque no encuentra la imagen

Otro problema es que estás usando imágenes de un tamaño superior a como se muestran en la web. Esto solo te sirve para ralentizar los tiempos de carga de la web (al ser las imágenes más pesadas) y a que las fotos se vean peor.

Mi consejo es que pruebes a desactivar el plugin si se puede y no da conflicto con la plantilla, y subas las imágenes con el tamaño con el que quieras que se vean.

También puedes consultar en el soporte de los desarrolladores de la plantilla para ver si el error con Internet Explorer está documentado.

ResponderCitar
Respondido : 28/03/2012 1:53 pm

Cursos Gratuitos WordPress

Jose Angel Mantilla
 Jose Angel Mantilla
Nuevo usuario

gracias por vuestra ayuda, voy a desactivar el plugin y a sustituir algunas imagenes, que, en efecto, son bastante mas grandes de como salen.
Investigare, no obstante en el Foro de Zootemplates, a ver si descubro algo sobre los navegadores.

reportaré aquí si descubro algo significativo, asi aprendemos un poco todos

Gracias por vuestra colaboracion

ResponderCitar
Respondido : 28/03/2012 4:32 pm