HTML Help Workshop - Images not being displayed

Question

I've been attempting to display images included in the project of my help file.

[FILES]
Images\About-1.png
Images\Prompt-1.png
Images\Prompt-2.png
Images\Settings-1.png
Images\Settings-2.png
Images\Settings-3.png
Images\Settings-4.png
Images\Settings-5.png

These are the list of images I wish to include and I reference them in my HTML files as so,

<div class='Image'>
                <img height='200' width='auto' src='Images\Settings-3.png'
                    alt='Settings-3' />
            </div>

This seems like it should work but when I compile the project to a CHM file the log says it contains no graphics and the images are not displayed.

What could be the cause of this issue?

Answer 1

I cannot reproduce your issue - code is working for me without using any CSS for images. Having a normal use case you don't need to specify all images in your *.hhp Project file. The compiler automatically fetches these images from your HTML files.

If you want, you can use wildcards in the [FILES] section to specify every file in a given directory. For example:

[FILES]
welcome.htm
settings\Setting-1.htm
settings\Setting-2.htm
images\*.png
css\foobar.css

Think about a CHM as a zipped web page. So prepare all your help content files as a structured web in a local drive like shown above. Please note, your *.HHP project file must be stored in the root folder where e.g. welcome.htm resides.

Check and delete four blank in the [FILES] line - mabe a typo here only. If yes edit your question.

Please remove class='Image' from HTML, check your class and make sure your CSS was added. Follow the hints from HTML Help Workshop - Is it possible to use CSS or JavaScript within a .CHM file?