HTML帮助研讨会-未显示图像

HTML帮助研讨会-未显示图像,html,chm,html-help-workshop,Html,Chm,Html Help Workshop,我一直在尝试显示帮助文件项目中包含的图像 [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'&g

我一直在尝试显示帮助文件项目中包含的图像

[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文件时,日志显示它不包含任何图形,也不显示图像


此问题的原因可能是什么?

我无法重现您的问题-如果不使用任何CSS处理图像,代码对我有效。有了一个正常的用例,您不需要指定*.hhp项目文件中的所有图像。编译器会自动从HTML文件中获取这些图像

如果需要,可以在[FILES]部分使用通配符来指定 指定目录中的文件。例如:

[FILES]
welcome.htm
settings\Setting-1.htm
settings\Setting-2.htm
images\*.png
css\foobar.css
把CHM想象成一个压缩的网页。因此,将所有帮助内容文件作为结构化web准备在本地驱动器中,如上图所示。请注意,*.HHP项目文件必须存储在例如welcome.htm所在的根文件夹中

选中并删除
[文件]
行中的四个空格-此处可能仅为打字错误。如果是,请编辑您的问题


请从HTML中删除
class='Image'
,检查您的类并确保添加了CSS。按照

中的提示操作,我使用了通配符,现在settings.htm中出现了一张照片,而且由于输入错误,我编辑了我的问题。有趣的是,我发现了这个问题,删除“高度”和“宽度”属性后,可以显示图片,但是,这仍然是一个问题,因为我需要它们的大小合适。@benbants:我在另一台安装了Microsoft Windows10-Edge的机器上检查了这个问题,当然还安装了所需的Internet Explorer,没有发现任何问题。测试图像的大小适当地从323像素到200像素的高度。您的CSS class='Image'有问题吗?到目前为止,我还没有将CSS添加到帮助文件中,因此我认为这不会导致问题的出现?已实现我的CSS文件,并且图像现在显示正确。