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

HTML Build a Simple Website Text Editors and HTML Images and Lists

Broken image

I put the code in correct and the file exist but it is still broken in chrome?

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

Did I do something wrong? The nav links and everything else is fine.

2 Answers

I would guess that your image is not where you have told the browser it will be for instance if you specify the image path as follows

    <img src="img/logo.png">

Then the browser will start searching from the current file so say thats index.html > from here it will look for a folder called IMG that is the "img/" part of the path then inside a folder it will expect to see an image called LOGO with a file type of PNG. You need to ensure when you are following the tutorials that the links they are typing are relative to the file they are editing you may see them use "../img/logo.png" in a CSS file this will be telling the browser to come out of the current directory then find a folder called IMG then the LOGO.PNG file.

This article i wrote may give you some tips here

I figured it out. I had to take it out of the folder it downloaded to. Pretty much a folder within a folder lol. Thank You.