Image Did Not Appear in RSD-generated...
I generated a very simple web page with RSD that contains nothing more than a single image that I wanted to resize to fit any size screen. This web page was/is an addition to a responsive website that is implemented with a completely different design tool, is triggered by a link from the main site and this page appears in a separate window.
The original export file, index.html, worked okay on a laptop or desktop. The image always appeared and was resized correctly no matter how small the web browser window was shrunk.
I invoked the responsive website and clicked the link for this RSD-generated page on both the Opera Mobile Emulator and my own real Android smartphone. No image appeared.
After much head scratching and numerous other tries, I decided to investigate the generated HTML code. I made changes to the index.html file and saved it as index1.html. The modified file, index1.html, seems to work fine on all my devices.
Screen shots of both files are attached.
So, the questions are:
1) How or why is all the extra code around the <img> generated? Is it necessary?
2) Is my problem really just a problem with certain web browsers on certain mobile devices?
If you need any more information than the two HTML files, let me know.
Thanks,
The original export file, index.html, worked okay on a laptop or desktop. The image always appeared and was resized correctly no matter how small the web browser window was shrunk.
I invoked the responsive website and clicked the link for this RSD-generated page on both the Opera Mobile Emulator and my own real Android smartphone. No image appeared.
After much head scratching and numerous other tries, I decided to investigate the generated HTML code. I made changes to the index.html file and saved it as index1.html. The modified file, index1.html, seems to work fine on all my devices.
Screen shots of both files are attached.
So, the questions are:
1) How or why is all the extra code around the <img> generated? Is it necessary?
2) Is my problem really just a problem with certain web browsers on certain mobile devices?
If you need any more information than the two HTML files, let me know.
Thanks,
It would be very helpful if you also provided your project file so we can look at the setup.
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.
Here it is...
Hi
I have the same problem. Generated the pages wich can be seen at Mac, ipad, pc but if I try to see at iPhone it fails, can't see any image.
Using Responsinator it works. I tryed many changes but no result
http://www.art-i-batik.com/Artibatik%20 … lagem.html
http://www.art-i-batik.com/Artibatik%20 … ntura.html
Similar page, one was replicated from the other and changed the images links (notice the code from previous original page was present)
Needed an hint to solve this
Regards
Jimmy
I have the same problem. Generated the pages wich can be seen at Mac, ipad, pc but if I try to see at iPhone it fails, can't see any image.
Using Responsinator it works. I tryed many changes but no result
http://www.art-i-batik.com/Artibatik%20 … lagem.html
http://www.art-i-batik.com/Artibatik%20 … ntura.html
Similar page, one was replicated from the other and changed the images links (notice the code from previous original page was present)
Needed an hint to solve this
Regards
Jimmy
Jimmy The Sailor
http://www.jimmythesailor.net (trying to show my photos)
http://www.art-i-batik.com (my wife's gallery)
http://www.jimmythesailor.net (trying to show my photos)
http://www.art-i-batik.com (my wife's gallery)
Webmaster wrote:
Here it is...
Here it is...
Thanks. I see the issue and I have this logged with the team.
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.
Webmaster wrote:
I generated a very simple web page with RSD that contains nothing more than a single image that I wanted to resize to fit any size screen. This web page was/is an addition to a responsive website that is implemented with a completely different design tool, is triggered by a link from the main site and this page appears in a separate window.
The original export file, index.html, worked okay on a laptop or desktop. The image always appeared and was resized correctly no matter how small the web browser window was shrunk.
I invoked the responsive website and clicked the link for this RSD-generated page on both the Opera Mobile Emulator and my own real Android smartphone. No image appeared.
After much head scratching and numerous other tries, I decided to investigate the generated HTML code. I made changes to the index.html file and saved it as index1.html. The modified file, index1.html, seems to work fine on all my devices.
Screen shots of both files are attached.
So, the questions are:
1) How or why is all the extra code around the <img> generated? Is it necessary?
2) Is my problem really just a problem with certain web browsers on certain mobile devices?
If you need any more information than the two HTML files, let me know.
Thanks,
I generated a very simple web page with RSD that contains nothing more than a single image that I wanted to resize to fit any size screen. This web page was/is an addition to a responsive website that is implemented with a completely different design tool, is triggered by a link from the main site and this page appears in a separate window.
The original export file, index.html, worked okay on a laptop or desktop. The image always appeared and was resized correctly no matter how small the web browser window was shrunk.
I invoked the responsive website and clicked the link for this RSD-generated page on both the Opera Mobile Emulator and my own real Android smartphone. No image appeared.
After much head scratching and numerous other tries, I decided to investigate the generated HTML code. I made changes to the index.html file and saved it as index1.html. The modified file, index1.html, seems to work fine on all my devices.
Screen shots of both files are attached.
So, the questions are:
1) How or why is all the extra code around the <img> generated? Is it necessary?
2) Is my problem really just a problem with certain web browsers on certain mobile devices?
If you need any more information than the two HTML files, let me know.
Thanks,
I just found that the fix for this problem is in Build 683 which I downloaded and installed.
I exported a site that had the same problem and it now works correctly.
Thanks for the quick fix!
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.