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

Alex Hird
Alex Hird
2,767 Points

inserting hyperlink in list items

I'm adding a link to a list ans it keeps on telling me to link the portfolio to index.html, however as far as i can see i am doing this. Is it a glitch or am i doing something wrong.

Many thanks

Alex

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.html">Contact</a></li>

        <h1>Nick Pettit</h1>
        <h2>Designer</h2>
      </a>
    </header>
    <section></section>
    <footer>
      <p>&copy; 2013 Nick Pettit.</p>
    </footer>
  </body>
</html>
Sjors Theuns
Sjors Theuns
6,091 Points

Hi Alex,

You can't link an entire list this way. Underneath

<header>

remove

<a href="index.html">

and above

</header>

remove

Also there is no closing ul tag: 

</ul>

Hope this helps, if not let me know.

1 Answer

Hey Alex,

If you take a look, you're instructed to add the nav element below the anchor link inside of the header. You'll also want to make sure that you close your nav element and unordered list.

<header>
  <a href="index.html">
    <h1>Nick Pettit</h1>
    <h2>Designer</h2>
  </a>
  <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>
</header>
Alex Hird
Alex Hird
2,767 Points

Thanks, i was overlooking the closing link tag. lesson learnt, many thanks.