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 HTML Basics Going Further with HTML Links and Paths Challenge

Christy Burris
PLUS
Christy Burris
Courses Plus Student 3,099 Points
Posted by Christy Burris
Christy Burris
Courses Plus Student 3,099 Points

Set the "Portfolio" link to navigate to the section of the page with the id portfolio. (I'm not understanding my error)

I'm typing the answer to this question as: <li><a href="/#portfolio"></a></li>

Any advice as to why this code is not working properly?

article.html 
<!DOCTYPE html> 
<html>
  <head>
    <title>Portfolio Page</title>
  </head>
  <body>
    <img src="../img/logo.png" alt="Site logo">
    <ul>
      <li><a href="/">Home</a></li>
      <li><a href="/#portfolio">Portfolio</a></li>                
    </ul>
    <h1 id="portfolio">My Portfolio</h1>
  </body>
</html>
bill curry
.a{fill-rule:evenodd;}techdegree
bill curry
Front End Web Development Techdegree Student 7,841 Points

Hi,

try it without the /. You shouldn't need it for anchor id tags

<li><a href="#portfolio">Portfolio</a></li>

2 Answers

Steven Parker
Steven Parker
231,248 Points
Steven Parker
Steven Parker
231,248 Points

You want your reference to be relative to the current document, not the root. So don't prefix it with a slash ("/").

Christy Burris
PLUS
Christy Burris
Courses Plus Student 3,099 Points
Christy Burris
Christy Burris
Courses Plus Student 3,099 Points

Ah, I see. I thought I had to add the / to link it back to index.html. Removing the / worked, thank you both so much!