Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

CSS Treehouse Club: CSS My First Web Page Introduction to My First Web Page

Source image is not showing up in tutorial

I am currently in the process of completing the "Introduction to my first web page" tutorial and want to use the index.html to follow along with Joy's instructions.

I have uploaded my own image file and have put it into the correct place within the code, saved and refreshed.

Joy's picture still shows.

Now, I could just continue with the course as i do understand how to do this but, for obvious reasons, I want to find out what i may be doing wrong here before continuing.

Thanks for to all for any assistance.

Ashley

Roger Schaeffer
Roger Schaeffer
2,144 Points

File names are not only spelling-sensitive but also case-sensitive, eg. myimage.jpg is not the same as MYimage.jpg and will be viewed as the same file in html. Also, double check that you have your file saved in the img folder etc.

Jennifer Nordell
seal-mask
.a{fill-rule:evenodd;}techdegree
Jennifer Nordell
Treehouse Teacher

Roger Schaeffer is correct. Files and pathnames while not necessarily case-sensitive on Windows systems are case-sensitive inside of workspaces and any Linux-based system (aka Git and just about any webserver). After you check for the case sensitivity there and are assured it's correct, my next suggestion would be to check the obvious. Make sure you saved your file, have reloaded the page, and possibly cleared the browser cache. It could be loading in a cached picture.

2 Answers

Thanks for reply Roger.

It would seem I have worked it out for myself.

It was so simple! I just needed to refresh the actual preview page, not close it down and request a new preview every time I wanted to make a change.

Working just fine now.

Thanks again! (I feel like such a doofus)

Jennifer Nordell
seal-mask
.a{fill-rule:evenodd;}techdegree
Jennifer Nordell
Treehouse Teacher

Hahaha managed to get in my refresh browser thing just before you posted your resolution! Kudos on getting it figured out yourself!

Must of been seconds in it!

And cheers! Impatience as a personality attribute (totally on fire with my use of course vocab :D) does, sometimes, help me out!