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 a New Page

Posted by Darryl Phipps
.a{fill-rule:evenodd;}techdegree
Darryl Phipps
Front End Web Development Techdegree Student 2,396 Points

Can't get the about.html to link with the new about page.

When I try to create a new file in the workspace, its automatically loads just above the index.html. In the video, the about.html uploads just above the CSS file and just under "How to make a website". I follow the video exactly as it says and there is no change. Its like the website doesn't see the about.html page over the index.html

Erin Wu
Erin Wu
4,447 Points
Erin Wu
Erin Wu
4,447 Points

First of all, make sure the about.html is in the outer "shell" of the files and not within some image or css folder.

Second, try checking the links. Is the page linked to the <li> </li> item via <a>?

<li> <a href="about.html"> About Me </a> </li>

2 Answers

Unsubscribed User
Unsubscribed User
8,900 Points
Unsubscribed User
Unsubscribed User
8,900 Points

You'll want to make sure that your about.html page is located in the same directory as your index.html. If it is located in any other folder or location you will want to make sure you update your path with the href="..." accordingly.

If your page is saved in the same directory, you will want to check the following:

Is your <a>...</a> tag within your <li>...</li> tag?

example: <li> <a href="about.html"> About Me </a> </li>

If your link still isn't working after trying this could you please post an example of your code for us to take a look at?

Hope this helps! ~ Matt

Darryl Phipps
.a{fill-rule:evenodd;}techdegree
Darryl Phipps
Front End Web Development Techdegree Student 2,396 Points

Hey Matt, I tried it and it's not working. I see that the problem could be that when I first create a new file, It's uploading just under the img file folder and just about the index.html. When I try and drag the about.html just under "How to make a website" it won't work. I can drag it into the css file but I know that's now where it needs to go. I tried to create a new "About" folder and put the about.html under that and it still didn't work. in the video, Nick creates a new file and it automatically uploads under the "How to make a website" file. Mine does not do that.

Darryl Phipps
seal-mask
.a{fill-rule:evenodd;}techdegree
Darryl Phipps
Front End Web Development Techdegree Student 2,396 Points
Darryl Phipps
.a{fill-rule:evenodd;}techdegree
Darryl Phipps
Front End Web Development Techdegree Student 2,396 Points

So I tried to follow your steps. I even tried to delete the current about page and reload it. It keeps uploading under the IMG and just about index.html. Should I just create a new folder and then put my about.html under that? in the video, Nick is creating a new file. When I do that, it doesn't work. I even change the code to about.html and that didn't work as well. It stays pointed to index.html.