I uploaded my html, css and image files on Github. When I view the website on my Github page, the im-CodePudding

<div >
   <img src="../images/Igbo Calendar.png">
</div>
<div >
   <img src="../images/RCCG directory.png">
</div>
<div >
   <img src="../images/Igbostudy quiz .png">
</div>

I uploaded my html, css and image files on Github. When I view the website on my Github page, the images do not show as they do locally, only as icons

I removed the dots and the forward slash before the 'images' to see if it helped, it did not. I searched similar questions here on Stackoverflow but the suggestions I applied did not solve the problem.

github page: https://ijeoma7.github.io/website-two/

Thanks for your time.

CodePudding user response：

First, I would avoid using spaces in file names when it comes to the web--use dash (-) or underscores (_) if you want to separate words in file names. For example, try changing your html code and file names to the following:

<div >
   <img src="../images/Igbo-calendar.png">
</div>
<div >
   <img src="../images/RCCG-directory.png">
</div>
<div >
   <img src="../images/Igbostudy-quiz.png">
</div>

Second, I would double check that the image relative paths and filenames you have specified is correct in the uploaded site. (Single ./ (or no prefix) represents the directory you are in, ../ represents the parent directory, ../../ represents the gradparent directory, and so on.)

CodePudding user response：

you upload images directly you not upload images so this "../images/Igbo Calendar.png" to "Igbo Calendar.png"

View

  <div >
   <img src="Igbo-calendar.png">
  </div>
  <div >
   <img src="RCCG-directory.png">
  </div>
  <div >
   <img src="Igbostudy-quiz.png">
 </div>