Images won't show up on my website?

December 16, 2014 2.7k views
Milkinson
By:
Milkinson

I have my images in the same folder as my html files, and in the css it's formatted as background-image: url("sun.JPG") ;

But for some reason it won't load on my website?

Any help?

Log In to Comment
2 Answers
Milkinson December 18, 2014

Somehow it started working, think it was because I didnt update the css file properly and it still had the filename as sun.jpg instead of sun.JPG

Reply
  • kamaln7 MOD December 18, 2014

    Oh, yes, most linux filesystems (including the one that DigitalOcean images use) are case-sensitive so you'll have to make sure that the file name in the CSS file is exactly the same as the file itself. Happy to hear that it's working now! :)

  • LevPlosejovic September 28, 2016

    Thanks for pointing this out! It fixed my problem.

    Somehow my files had a .JPG (capitalized) type and I referenced them as .jpg (lowercase). Once I made them the same it worked fine. Thanks!

kamaln7 MOD December 16, 2014

The URL is relative to the location of the CSS file. Are the images stored in the same directory as your CSS files? If not, you'll have to either change the path to e.g. ../sun.JPG or move the images to the same directory as the CSS files.

Reply
Have another answer? Share your knowledge.