Images Print to HTML5 but not to PDF

[Haz]

Probably a typical newbie question but 8 hours on I can't find an answer anywhere for this. I'm using Flare 10.

I'm working from the ready made template that outputs to PDF and HTML5. I've added an image as described in the guide on working with images and it appears in the project as required with correct spacing etc. When I publish to HTML5 the images are included just as I wanted them, but when I publish (view or build) to PDF there are no images shown at all. What's going on? No mention of any steps I'm missing in the help or guides. I even tried playing with the conditional flags but makes no difference (except I can exclude from HTML). What am I missing?

[ChoccieMuffin]

If the images are too big to fit on the page, they might not appear.

The way round this is to define, in the medium you use for your PDF, a maximum size for your images. This can be in the base <img> class or you can have several - img.small, img.mid, img.large for example.

Tip: only set max-width OR max-height, otherwise you could end up with your images being distorted if you set both.

Give that a go and see what happens.

[Haz]

Thanks but resizing made no difference. I made the image postage stamp sized but still no output to PDF. It almost seems like a problem I had early on where I followed Flare's advice and populated a template only to find a topic I'd added wasn't being included. Nowhere in the 'add topic' help did it say I had to add it to the TOC myself. Is this anything like that?

I'n finding that although there truly is an abundance of help with Flare, it often doesn't tell you the full story (like adding topics above) and at other times you click a link to maybe adding a style, and three days of reading every little permutation on the subject, you've forgotten why you went in there in the first place.

Incidently, in case another newbie is following this, when reducing an image set one dimension (e.g. Width) to 'Length' and enter a value. Set the other dimension to Automatic, otherwise it loses its aspect ratio.

[Haz]

More night time head scratching and experimenting. If I take the same image and place it in a similar position with exactly the same attributes in a different topic of the same project, it prints to PDF ok. If I delete the original image and copy and paste the working image back in its place, it doesn't work. At the moment I'm using the image at a width of 50px so tiny.

So the problem looks like it relates to this topic. To insert it I used 'Add Topic' and then replaced the default text by copying a 'pure' txt file and then applied headings as desired.

I have the one default style (styles.css) and this hasn't been modified at all. As far as I can see it applies to all the topics in this project.