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 Creating HTML Content Create Navigation with Lists

Jamie Cristal Joaquin
Jamie Cristal Joaquin
431 Points
Posted by Jamie Cristal Joaquin
Jamie Cristal Joaquin
431 Points

I think there's a bug in Challenge Task 3 stating: "Bummer! The Portfolio list item should link to "index.html"

I've input the following:

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

Not sure why I'm getting this alert.

index.html 
<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>Nick Pettit</title>
  </head>
  <body>
    <header>
      <a href="index.html">
        <nav>
        <ul>
          <li><a href="index.html">Portfolio</a></li>
          <li><a href="about.html">About</a></li>
          <li><a href="contact">Contact</a></li>
        </ul> 
        </nav>
        <h1>Nick Pettit</h1>
        <h2>Designer</h2>
      </a>
    </header>
    <section></section>
    <footer>
      <p>&copy; 2013 Nick Pettit.</p>
    </footer>
  </body>
</html>

2 Answers

Rich Bagley
Rich Bagley
25,869 Points
Rich Bagley
Rich Bagley
25,869 Points

Hi Jamie,

I think the error might be showing up due to the position of the nav rather than what it details. You have the nav element inside the link rather than after it.

 <a href="index.html">
        <nav>
        <ul>
          <li><a href="index.html">Portfolio</a></li>
          <li><a href="about.html">About</a></li>
          <li><a href="contact">Contact</a></li>
        </ul> 
        </nav>
        <h1>Nick Pettit</h1>
        <h2>Designer</h2>
      </a>

The contact link also looks to be missing the .html extension.

If you move the following to after the closing a tag and add the extension I think that'll sort it:

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

Hope that helps.

-Rich

Steffen Dybvik
PLUS
Steffen Dybvik
Courses Plus Student 907 Points
Steffen Dybvik
Steffen Dybvik
Courses Plus Student 907 Points

You could also go back to the video and pause it when you see Nick's complete code for that challenge, then check with your code to see whats diffrent. this is going to help on you problem solving and you most likely will find the reason for the error message :)

also when watching the videos, try to have workspaces open in a seperate windows and follow along as he types.