RH2017: Images getting stretched in output

Send me the new single topic project. See Contact page on my site and send the project as instructed there. Do make sure you include a link to this thread and please do not email the project direct.

Created a new project with one topic and image. The image still gets stretched in the output when an image style is applied.

Can you recreate this in a new project with just one topic and one image? Sometimes doing that nails the problem. If not, I'll take a look at that project. Post back when you have tried in a new project.

No luck, the issue still persists. I changed Master Page to CSS in the Responsive HTML 5 settings but the image still stretch. Another issue I noticed is once I select the CSS instead of the Master Page in Responsive HTML 5, the ouput for some reason does not pick the my style.

Try without using the master page to see if that fixes the problem. I'm not suggesting that as the answer, just to troubleshoot.

Yes, it does.

Does the Master Page have the same CSS applied to it as the topics? Make sure it does.

I am using a Master Page to get the breadcrumbs and a CSS thats got all my styles. I just looked at the Responsive HTML5 settings and in Content > Apply to All Topics, the Master Page is selected. Do you think this might be the issue?

If I remove the Master Page and select CSS, is there any other way to get the breadcrumbs on the online output?

So source is OK but output is not. Are you using a master page or selecting a different CSS when you generate?

I think it's likely you are using one and that's where the problem is. Take a look and post back.

Hi Peter

The Topic Editor and the Topic Preview shows the image size as per my need. But when i generate the ouput, it stretches.

Yes, all images do stretch in the output. The width gets stretched and the height remains the same. It becomes more evident when I hide the TOC panel view in the output by clicking Expand/Collapse.