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 How to Make a Website Adding Pages to a Website Add Iconography

Ryan Corrigan
Ryan Corrigan
6,417 Points
Posted by Ryan Corrigan
Ryan Corrigan
6,417 Points

How do I get my about.html and contact.html so they are not in the same line as index.html in the gutter of workspaces?

I understood that we add the (..) in the '../img/phone.png' so that we communicate that we are going down 2 levels; however I cannot get my contact.html and about.html to be in a different line than the index.html as show in his example. For instance mine shows the gutter as such:

How to Make a Website

CSS Folder img Folder about.html contact.html index.html

The example he shows is: How to make a Website about.html contact.html

CSS Folder img Folder index.html

I have a feeling that is why my (..) in the '../img/twitter.png' is not communicating properly but it won't let me drag the files to proper place in the gutter like in the example where his about and contact are above the folders. Any help would be greatly appreciated.

1 Answer

Kevin Korte
Kevin Korte
28,149 Points
Kevin Korte
Kevin Korte
28,149 Points

Hey Ryan,

Don't worry about the order of the files in the tree. My guess is at the time of the recording, files and folders were organized alphabetically with equal weight in their order, and now they likely changed it so folders first alphabetically, than files, alphabetically.

Without seeing your workspace, I can't be exact buy .. goes back only one directory, not two. So in the video, Nick has ../img/phone.png because we know that main.css lives in the css folder, so to properly find the image, we need to go back one directory level, which is outside of the css folder, than at that same level, find the img folder, which will have phone.png in it.