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 Build a Simple Website Text Editors and HTML Images and Lists

Zach Perry
Zach Perry
1,303 Points
Posted by Zach Perry
Zach Perry
1,303 Points

Logo.Gif is not visible in the browser?

Hi, I'm using TextMate for this project. We are supposed to insert "logo.gif" on the page. However, the image does not show up. Is it the file path that is messed up? I have the image in (not typed like this in my code but ...) - Documents/Treehouse/Smells Like Bakin/img/logo.gif. Here the code that I'm using for it:

<img src="img/logo.gif" alt="Smells like Bakin logo">

Pretty simple, don't know why it will not work. Any help is greatly appreciated. Thank you for your time

2 Answers

Jonathan Grieve
MOD
Jonathan Grieve
Treehouse Moderator 91,253 Points
Jonathan Grieve
Jonathan Grieve
Treehouse Moderator 91,253 Points

Well I'm stumped too, if your file paths are correct that really should work.

Typically this occurs if

  1. The filename is incorrect
  2. The relative path is incorrect
  3. The html file you're using to reference the image file is in the wrong directory.

As a final heck, try referencing the location using ../img/logo.gif in your source attribute

Kevin Jones
PLUS
Kevin Jones
Courses Plus Student 7,583 Points
Kevin Jones
Kevin Jones
Courses Plus Student 7,583 Points

Is your index.html page in your "Smells Like Bakin" folder? It would need to be in there for your img/logo.gif path to work.