Мастерская HTML-справки - изображения не отображаются

Я пытался отобразить изображения, включенные в проект моего файла справки.

[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

Это список изображений, которые я хочу включить, и я ссылаюсь на них в своих файлах HTML следующим образом:

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

Кажется, это должно работать, но когда я компилирую проект в файл CHM, в журнале говорится, что он не содержит графики и изображения не отображаются.

Что могло быть причиной этой проблемы?


html chm html-help-workshop
person benbants    schedule 17.05.2017    source источник

Ответы (1)


arrow_upward
1
arrow_downward

Я не могу воспроизвести вашу проблему - у меня работает код без использования CSS для изображений. При обычном использовании вам не нужно указывать все изображения в файле проекта * .hhp. Компилятор автоматически извлекает эти изображения из ваших файлов HTML.

Если хотите, вы можете использовать подстановочные знаки в разделе [ФАЙЛЫ], чтобы указать каждый файл в данном каталоге. Например:

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

Думайте о CHM как о заархивированной веб-странице. Поэтому подготовьте все файлы справочного содержимого в виде структурированной сети на локальном диске, как показано выше. Обратите внимание, что ваш файл проекта * .HHP должен храниться в корневой папке, где, например, welcome.htm находится здесь.

Отметьте и удалите четыре пробела в строке [FILES] - допустите опечатку только здесь. Если да, отредактируйте свой вопрос.

Удалите class='Image' из HTML, проверьте свой класс и убедитесь, что ваш CSS был добавлен. Следуйте подсказкам HTML Help Workshop - Можно ли использовать CSS или JavaScript в файле .CHM?

person help-info.de    schedule 17.05.2017
comment
Я использовал подстановочный знак, и теперь в settings.htm появляется одна фотография, также я отредактировал свой вопрос из-за опечатки. - person benbants; 17.05.2017
comment
Интересно, что я обнаружил проблему, атрибуты высоты и ширины после удаления позволяют отображать изображения, однако это все еще проблема, поскольку мне нужно, чтобы они соответствовали размеру. - person benbants; 17.05.2017
comment
@benbants: Я проверил это на втором компьютере с Microsoft Windows10 - Edge и, конечно же, установленным требуемым Internet Explorer - никаких проблем не обнаружено. Размер тестовых изображений составляет от 323 пикселей до 200 пикселей в высоту. Что-то не так в вашем CSS class = 'Image'? - person help-info.de; 18.05.2017
comment
Я еще не добавил CSS в файл справки, поэтому не думаю, что это может вызвать проблему? - person benbants; 18.05.2017
comment
Реализован мой файл css, и изображения теперь отображаются правильно. - person benbants; 18.05.2017
comment
@benbants: Отлично! - person help-info.de; 18.05.2017