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

The URL doesn't change when I click on the About link. I can replace index.html with about.html in browser and it works

I followed along with the video, but somewhere I must have missed something. I watched twice and I still have the same issue.

It doesn't matter what icon I click, the link always shows the Portfolio.

But I can manually replace (index.html) with (about.html) http://port-80-tin8bfwl8z.treehouse-app.com/index.html
and it works just fine. Even the About on the site becomes highlighted.

https://w.trhou.se/tq89pwj1xx

2 Answers

Steven Parker
Steven Parker
229,785 Points

You may have missed a step if you have already gone to the end of the course. What I see in the snapshot is this:

         <li><a href="index.html" class="selected">Portfolio</a></li>
         <li><a href="index.html">About</a></li>
         <li><a href="index.html">Contact</a></li>

All of these links reference the same thing (the portfolio page). I believe this is how the workspace starts out when you first launch it. But here's what I would expect to see in finished code:

         <li><a href="index.html" class="selected">Portfolio</a></li>
         <li><a href="about.html">About</a></li>
         <li><a href="contact.html">Contact</a></li>

Notice that each link has a different "href" attribute value now.

Thank you, Steven, I copied what you have here and it still doesn't switch over when I click on the about link. But I can type in about and it takes me to the about page.

I'm trying to work forward now and got a code challenge and the challenge is about “Add the profile picture "img/gratt.png" inside the section element. Then, write a description in the alternate attribute and add the class "profile-photo" to the image.” Which the last video I watched didn’t mention anything a gratt.png. I think it skipped that video.

Steven Parker
Steven Parker
229,785 Points

You'll need to make similar changes to the "href" values on the about page to make it work from that page also.

And the challenges generally will not use the same exact names as shown in the video. They typically are asking you to use the same concept as introduced in the video, but in slightly different circumstances.