Images load on my index.html but not on my about-us page-CodePudding

<img src="/images/CFT-Logo cropped.png" alt="Customer First Logo Cropped" >

I use the exact same code in both my index.html and about-us.html page. The image displays on my index page, but not my about-us page. I have not been able to work out why.

Folder layout below.

Any insight would be appreciated. Thank you.

CodePudding user response：

How are you running your server? Are you even running a dev server or accessing via file protocol?

The path for your source can be written in different ways:

<img src="images/picture.jpg">

The "picture.jpg" file is located in the images folder in the current folder

<img src="/images/picture.jpg">

The "picture.jpg" file is located in the images folder at the root of the current web

CodePudding user response：

Try it just referencing directly to the images folder:

src="images/CFT-Logo cropped.png"