Joomla Templates Club 406,261 posts

[jga159 Friend jga159Join date: December 2010Posts: 32Downloads:0Uploads:11 Thanks: 9 Thanked: 1 times in 1 posts]

#159845

Hello,

I have quite a problem with slideshow and Internet Explorer, especially with “_highlight” class, autoplay “Yes”. Text, and furthermore headings (h3, etc.) and bold, seems like there is no antialiasing, like if it’s a bad resolution image. Other text is OK, problem is only with IE (I have IE8, but I guess it’s the same thing with other versions).

You can see in attachment pieces captures with IE and with Firefox. Of course, IE is far less powerful than IE, but unfortunately most of users see the page with IE. So I need to have a good looking for them too. What can I / you do ?

Regards.

---

Attachments:

1. 
2. 

[thangnn1510 Friend thangnn1510Join date: October 2014Posts: 1608Downloads:0Uploads:80 Thanks: 73 Thanked: 278 times in 256 posts]

#375838

Dear jga159!

Could you give us the link to your site to check and give you the solution for this CSS problem?

Regards!

[jga159 Friend jga159Join date: December 2010Posts: 32Downloads:0Uploads:11 Thanks: 9 Thanked: 1 times in 1 posts]

#375880

Hi thangnn1510 !

Link (test server) is http://s215847957.onlinehome.fr/aspcje/

By the way it seems in your demo site that there is a kind of “post anti-aliasing” with IE8 : when, for Today Highlights, you run from on slide to another, for on second or two, there’s this aliasing effect first, before a proper anti-aliasing of fonts.

[thangnn1510 Friend thangnn1510Join date: October 2014Posts: 1608Downloads:0Uploads:80 Thanks: 73 Thanked: 278 times in 256 posts]

#375944

Dear Jga159!

This is quick fix for you:

Please find this code:


.ja-slide-buttons {
box-shadow: -1px 0 3px #fff;
-moz-box-shadow: -1px 0 3px #fff;
-webkit-box-shadow: -1px 0 3px #fff;
filter:alpha(opacity=70);
opacity: 0.7;
-moz-opacity: 0.7;
}

and remove

filter:alpha(opacity=70);

the code is located in templates/ja_rave.v1.0.2/css/css3.css

Good luck! 🙂

[jga159 Friend jga159Join date: December 2010Posts: 32Downloads:0Uploads:11 Thanks: 9 Thanked: 1 times in 1 posts]

#376062

Thanks thangnn1510, but this does not solve the main problem, which is aliasing on text, and more specialy on titles and bold.

[emhc Friend emhcJoin date: May 2008Posts: 68Downloads:0Uploads:0 Thanks: 3 Thanked: 10 times in 1 posts]

#376283

Hi Jga159,

Indeed, IE doesn’t renders JS well. You can fix this bug by adding this code into the very bottom of aspcje/templates/ja_rave.v1.0.2/local/themes/aspcje/css/template.css file: [PHP].moduletable_highlight { background: #fff; }[/PHP]

[jga159 Friend jga159Join date: December 2010Posts: 32Downloads:0Uploads:11 Thanks: 9 Thanked: 1 times in 1 posts]

#376638

Thanks hongnt98 for this suggestion. Unfortunately, it doesn’t change anything. And it doesn’t seems to be the trick you used on JA Rave demonstration site.

[emhc Friend emhcJoin date: May 2008Posts: 68Downloads:0Uploads:0 Thanks: 3 Thanked: 10 times in 1 posts]

#376720

Hi Jga159,

I discovered that this bug also on the demo of joomlart. When set slideshow auto play and used Mark Transition Tyle: “Opacity” then this bug appears in IE. I created an issue for this problem. http://pm.joomlart.com/browse/JATCRAVE-125

For fix clear plz go to ja_ravecssmod_jaslideshow2.css line 82 change
[PHP].moduletable_highlight .maskDesc{
top: 15px !important;
width: 470px !important;
left: 0px;
}[/PHP]
by
[PHP].moduletable_highlight .maskDesc{
background: #fff;
top: 15px !important;
width: 470px !important;
left: 0px;
}
[/PHP]

Or update template JA Rave ver 1.0.3

Thanks for your report!

[jga159 Friend jga159Join date: December 2010Posts: 32Downloads:0Uploads:11 Thanks: 9 Thanked: 1 times in 1 posts]

#377808

Solved. Thanks. But there’s another problem with slideshow and IE : I saw in the download area that there’s a new version of the module. Then I installed it and it put a real mess in the template (articles didn’t shown anymore). Of course, I returned to the previous version.

[Author]

Posts