News Show Pro images not showing in IE8

Hello,
I am using News Show Pro GK4 ver. 3.3.7 with a third party template and images are not being displayed when viewed on IE8. I thought this was a template problem and contacted my template provider, but they told me that the problem is from News Show Pro GK4 CSS or something like that. Can you please help me get out of this problem?

Hi

Please show me Your site.

Hi

Actually it looks like a validation problem and not template or module. Please try validate Your site and You will see there is an extra ">" sign in one of the scripts which is messing it up.

Hello,
i try validating my site and can see that there is no extra > sign..
Any other reasons?

Thanks

Hi

I've checked validation again:

Code: Select all

 Warning Line 554, Column 2: character "<" is the first character of a delimiter but occurred as data

 <script type='text/javascript'>

✉

This message may appear in several cases:

    You tried to include the "<" character in your page: you should escape it as "&lt;"
    You used an unescaped ampersand "&": this may be valid in some contexts, but it is recommended to use "&amp;", which is always safe.
    Another possibility is that you forgot to close quotes in a previous tag.


this is what I had in mind, but You are right it's not about wrong html syntax but because of the fact that this script is not entered into html, but as a html result, which means that the place You are adding this script should be edited in html mode.

I have removed that warning. But still the images are not showing up in IE8. Am getting lost..

Hi

I can still see more errors related with the same issue, but at least fixing this one has helped me to locate a way to show images. Please add this to css:

Code: Select all

a.nspImageWrapper { float: none; }


Not working...
I found something, when i turn off the Responsive feature(for the thumbnails) in the module settings, i can see a blank image area(no image, but a layout for showing image).. Is this related?

Thanks again

Hi

If what You say is related than my code should have fix it. Are You sure it's copied properly and the file it's in is used on the site. Also if cache of browser and joomla was cleared ?

Try maybe stronger value as:

Code: Select all

a.nspImageWrapper { float: none !important; }


I'm pretty sure this is the problem.

Och. Try also set images in module to float none.

Yipee! That works. It is now showing up on IE 8.

Thanks mate!

Hi

Ok. I'm glad I could help Do You mean this code or a setting in module configuration ?

Both.. i added the code and changed the module config too..
LOL, don't know which one fix it...

Hi

Both solutions was about the same thing to give image flot:none code, so it really doesn't matter. I'm glad it worked.