SRC tag for images - Post ID 259580

User 244704 Photo


Registered User
23 posts

Hi All;

Does anybody else have a problem with images not showing in IE11?

None of the images I put in the page will show in IE11. I use both local images and online images. Here is an example of the code it comes up with.....

<picture><img alt="" srcset="./images/logo-3.jpg" src="nodata...image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7">
</picture>

The pictures show fine in FireFox, but not IE11. But if I change the code to this.....

<img alt="" src="./images/logo-3.jpg">

.....it works fine in both browsers.

Any thoughts on this? It's been a problem with both RSD v1.2x and v1.5x, for me. It does this on two computers that I run RSD on.

Thanks.
Ronn
User 103173 Photo


VP of Software Development
0 posts

There should be no problems with IE 11 or any version of IE for displaying images. Do you have this issue when you preview locally or viewing your website online? If locally only, it sounds like JavaScript might be disabled in your browser (by default Microsoft blocks them). You can enable JavaScript for local preview by following these instructions:

https://support.microsoft.com/en-us/kb/3135465

Here is a sample site opened in IE 11 as a reference:

http://s28.postimg.org/gwb8i1r23/Screen_Shot_2016_03_05_at_11_21_14_PM.png
Learn the essentials with these quick tips for Responsive Site Designer, Responsive Email Designer, Foundation Framer, and the new Bootstrap Builder. You'll be making awesome, code-free responsive websites and newsletters like a boss.
User 244704 Photo


Registered User
23 posts

Hi Scott;

It works just fine previewing locally on IE. It only happens online. Also, the windows version of Safari does the same thing.

The client I designed the site for tells me that many of his customers have the same problem on IE11.

As long as I remove the <picture> tag, and change srcset to src, all is good with all browsers.

Thanks.

Ronn
User 103173 Photo


VP of Software Development
0 posts

Can you share some links to these sites that you are having problems with? Do the images show for the examples we have online using IE, or does it happen to every website you have viewed using IE that has been created with RSD?

How do these look in IE?

Http://one.coffeecup.com
http://rsd.coffeecup.com/tutorials/tips/index.html

Also, what version and build are you currently using?
Learn the essentials with these quick tips for Responsive Site Designer, Responsive Email Designer, Foundation Framer, and the new Bootstrap Builder. You'll be making awesome, code-free responsive websites and newsletters like a boss.
User 244704 Photo


Registered User
23 posts

Hi Scott;

Okay, well, the links you gave me work just fine. So obviously I'm doing something wrong. :(
Here's a page that I haven't modified yet......it is fresh from RSD....exported....

https://www.usrack.com/responsive/bicyc … -racks.php

Yes, it has done it for all sites I have done so far in RSD. (3 of them)

I am presently using v 1.5, build 1394. But the sites were originally designed in 1.2.

Thanks so much.
Ronn
User 103173 Photo


VP of Software Development
0 posts

I have no issues here with that page in IE 11 and Safari. This is what I get:

http://s10.postimg.org/e7uogiys9/Screen_Shot_2016_03_06_at_12_58_14_AM.png

http://s21.postimg.org/8l78d9apj/Screen_Shot_2016_03_06_at_1_01_21_AM.png

One question though, your pages are ending in PHP not HTML. Are you doing that at the server level or after export by renaming all of your files? Since RSD exports all pages as HTML, try looking at the pages using their default extensions in IE and see if that does anything. It should not matter, but that is the only difference between your sites and our examples is that you are changing the default extensions.

Another test is publish that same site to your S-Drive account. See if it works there. If it does, that would narrow things down.
Learn the essentials with these quick tips for Responsive Site Designer, Responsive Email Designer, Foundation Framer, and the new Bootstrap Builder. You'll be making awesome, code-free responsive websites and newsletters like a boss.
User 244704 Photo


Registered User
23 posts

Scott;

Here's a couple of other things that might help.....

1. I use WinSCP for my FTP software
2. I save the RSD files as PHP (but they save as xxxxx.php.html) I then rename them in WinSCP by removing the html part.
3. They are uploaded in binary

Not sure if all of that means anything with ref to this problem.....just wanted to let you know.

Thanks.
Ronn
User 103173 Photo


VP of Software Development
0 posts

You then have some issues there with renaming because you have two different pages. Compare the .php with the .html and you get different pages.

https://www.usrack.com/responsive/bicyc … s.php.html
https://www.usrack.com/responsive/bicyc … -racks.php

Try my other suggestion and publish to S-Drive. I am starting to bet the issues you are having are with the steps you just outlined.
Learn the essentials with these quick tips for Responsive Site Designer, Responsive Email Designer, Foundation Framer, and the new Bootstrap Builder. You'll be making awesome, code-free responsive websites and newsletters like a boss.
User 244704 Photo


Registered User
23 posts

Scott;

Ok, I tried using the default html extension with no luck. It still doesn't show the images.

I tried resetting the internet explorer options to default....no luck.

This is really weird....if it was up to me, I would not worry about it since IE is a dead browser, but I can't do that of course.

Since it does it with other folks, it must be a setting somewhere in IE.

Well, at least the problem is narrowed down. We know the problem is in IE. It just seems to be a setting since it doesn't happen on all IE11 browsers.

Thanks for your time, Scott. Have a great weekend.
Ronn
User 244704 Photo


Registered User
23 posts

I'll try your suggestion on the s-drive tomorrow or so. Thanks

Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.