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

Image logo.gif not Displayed

Hi There, I'm following closely along with the Ruby track, and we're currently on the video learning how to code. I'm using Text Wrangler as my editor. I've copied precisely what Nick typed in the body, and when I save then refresh, the logo image doesn't shop up. The text Smells Like Bakin' appears, but no logo. I'm wondering what I've done wrong. I did download the project files. I'm wondering if I need to save them in a specific way? Thank you for your assistance! Candice

UPDATEI figured the problem out right after saving. oops. Thanks for the responses!

3 Answers

Julie (Howard) Lewis
seal-mask
.a{fill-rule:evenodd;}techdegree seal-36
Julie (Howard) Lewis
Front End Web Development Techdegree Graduate 25,921 Points

Where is your logo.gif file saved? It has to be in the proper folder for your html code to find it. For example, if your image code is ''' <img src="logo.gif" alt="logo"> ''' then your gif file must be saved in the same folder as your index.html file. If your image code is ''' <img src="images/logo.gif" alt="logo"> ''' then your gif file must be saved in a sub folder named "images" and that "images" folder must be saved in the same main folder as your index.html

John Steer-Fowler
PLUS
John Steer-Fowler
Courses Plus Student 11,734 Points

Hi Candice,

Would you be able to paste your html code in so we can have a look please?

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

These are probably the most common

Just double check that your src="" is the links to the folder that your logo gif is in

Hope this helps, show us your code and I will be able to help more.

Also let us know which folder your logo is in

Larry Goodhue
Larry Goodhue
4,246 Points

Like John said, if your logo.gif file is stored in a folder (it should be in a folder called 'img' if you downloaded the Project Files), then you'll have to tell the source where the .gif is located. For example:

<img src="img/logo.gif" alt="Smells Like Bakin'" width="[insert specified width here]" height="[insert specified height here]">