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

WordPress

Kevin D
Kevin D
8,646 Points

Image not loading on any of my web browsers!

Hi all, I've got a bit of a strange problem going over here!

For some reason, an image (which is the logo of the site) is not being displayed on my web browser(s) - I've checked this on Safari, Chrome and Firefox and it doesn't show up on either of these web browsers. I am 100% certain that the img source link is correct and I have double checked the image file path to ensure that this image does exist! Everything checks out as correct!

I have a feeling this problem might just be an internal thing since one of my friends was able to open the web page and the logo does display!

Do you guys have any ideas to what might be causing this? e.g. settings on my web browser that I'm not aware of?

Thank you!

Edit: Hmm actually, looking at the code again, do you think this error could be caused because of this syntax?

<img src="" alt="alternative/text" width="" height="" data-retina-src="image/file/path">

I'm assuming that the image source is declared in the data-retina-src but it's definitely strange that this isn't placed in the default src. If this is the problem, it's weird that the image is displayed on other PCs

Edit 2: Okay, it's definitely because the file path is not being placed inside the default img src. Weird! I think I'll have to look through the code file and track down where the image is being assigned - and then hardcode the file path

Edit 3: Solved it! Had to hard code the img src in the end - but still doesn't explain why my friend was able to view the image on their laptop