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

Posted by julianderson Kaminski
julianderson Kaminski
632 Points

it gives me an error saying it´s not connected to the 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> </ul> </nav>

    <h1>Nick Pettit</h1>
    <h2>Designer</h2>
  </a>
</header>
<section></section>
<footer>
  <p>&copy; 2013 Nick Pettit.</p>
</footer>

</body> </html>

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>
          </ul>
        </nav>



        <h1>Nick Pettit</h1>
        <h2>Designer</h2>
      </a>
    </header>
    <section></section>
    <footer>
      <p>&copy; 2013 Nick Pettit.</p>
    </footer>
  </body>
</html>
Kester Browne
Kester Browne
24,414 Points
Kester Browne
Kester Browne
24,414 Points

Make sure saved index.html in the right folder you are trying to open it from. You probably saved it somewhere else.

julianderson Kaminski
julianderson Kaminski
632 Points

Thanks Kester!

1 Answer

Mitchell Springer
Mitchell Springer
2,576 Points
Mitchell Springer
Mitchell Springer
2,576 Points

I think what's messing you up is that first anchor tag. You don't close the tag until after your h2 tag. Right now you have it linking several different elements. If you want it to link to your h1 and h2 tags, then just do this:

<header>
        <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>
       <a href="index.html">
         <h1>Nick Pettit</h1>
         <h2>Designer</h2>
      </a>
    </header>
julianderson Kaminski
julianderson Kaminski
632 Points

Thanks Mitchels - Your help really helped me to beggin to realize where my mistake was. Thanks for your time, cheers all the way from Brazil!

Mitchell Springer
Mitchell Springer
2,576 Points
Mitchell Springer
Mitchell Springer
2,576 Points

No problem. Glad I was able to help!