In your code in the FAQ and Info pages you have this:
background-image: url('images/trash\ at\ dw.JPG');
As compared to Home’s:
background-image: url('images/trash\ at\ dw.jpg');
The difference may not appear at first, as it is a subtle one (I myself used a tool to find it). In the code for the FAQ and Info pages you have the .jpg
extension of the images capitalized as .JPG
, which is the cause of this issue.
This is also explained in the article linked above:
Web hosting servers are case sensitive
The InfinityFree servers (like almost all hosting servers) run on a Linux operating system. And on Linux, the names of files and folders are case sensitive. This is different from Windows and MacOS, where files and folders are case insensitive.
This means that if you’re developing your website on Windows, you can refer to a file like http://example.com/background.jpg
, and have a file called BackGround.JPG
, and the URL will work. But when uploading this to a hosting server, this URL will suddenly return a 404 error.
Please be aware of this while developing on Windows or MacOS. It really helps if you are consistent with capitalization (e.g. never use any capital letters in file or folder names).
Replacing the .JPG
with .jpg
should help.
4 Likes