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

Two Questions in One

First, how do I put my projects folder in the Hard Drive folder in Mavericks? Second, I downloaded the img folder and put it right next to my index.html file, but the logo.gif isn't showing up on the browser, just the alt. Why might this be? (the code is exactly the same)

3 Answers

To answer you first question -- You can download the project files and place it in any directory you may want in Mavericks. Either on the desktop or Mac OSX drive or any other partition drive that you may have. The location does not impact much.

To put the files simply download them from Treehouse and place them on the desktop. The easiest way. Unzip the file you download and place it like this as shown in the image here

As for the second part --
Well just make sure about a few things first
Lets assume you are creating your html project in a folder called Demo and you have your main html file called main.html in the same folder demo.
In the same folder again you have your image file called image.jpg
So to call your image i.e. image.jpg in your main.html file you will use the tag

<img src="image.jpg" alt="alt_text" />

If you have your image files in a subfolder called images inside your Demo folder then you will refer to the image as given below. Subsequently add the preceding parent folders name in front of the child, followed by a forward slash / if your image files are two or three folders deep

<img src="images/image.jpg" alt="alt_text" />

// OR if your images are stored in a deeper level of folder structure then use this notation
<img src="parent_folder/child_folder/images/image.jpg" alt="alt_text" />

Try looking into your html code too. Maybe you spelt something wrong (it is case sensitive) or forgot to close the tags.
If it still doesn't work you can post your code here so that we can look into it.
Hope it helps

Hi Russell,

Let's see the code.

Jeff

Matt Trask
Matt Trask
10,027 Points

your image folder is supposed to be separate from index.html.

I kept my projects folder on my desktop for easy access.