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

mary shemerdiak
mary shemerdiak
502 Points
Posted by mary shemerdiak
mary shemerdiak
502 Points

I don't know what is wrong with this code. How to make a website - Link each on the ul to index.htm., about.html....

Help, I'm having trouble getting past this point

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>
        </ul>
        </nav>
    </header>
    <section></section>
    <footer>
      <p>&copy; 2013 Nick Pettit.</p>
    </footer>
  </body>
</html>
Daniel Koenig
Daniel Koenig
6,789 Points
Daniel Koenig
Daniel Koenig
6,789 Points

Hi Mary!

It looks like for this challenge you added opening <nav> tag on the same line as the <a href="index.html"> tag under the <header> tag. The <nav> tag should be on its own separate line. You may also want to move the entire nav section under the existing </a> tag.

Here is what I had as the solution:

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>Nick Pettit</title>
  </head>
  <body>
    <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>
    <section></section>
    <footer>
      <p>&copy; 2013 Nick Pettit.</p>
    </footer>
  </body>
</html>

I hope this helps!

Steven Parker
Steven Parker
231,271 Points
Steven Parker
Steven Parker
231,271 Points

The separate line isn't important - but having the "a" tag and the "nav" tag overlap is not valid HTML.

1 Answer

Christopher Gilbert
Christopher Gilbert
6,239 Points
Christopher Gilbert
Christopher Gilbert
6,239 Points

Not used to comment formatting so please pardon the dust

Hi Mary,

Upon examining your code I see that you listed your <nav> element and the <ul> elements inside the <ahref="index.html"> tag and just above the <h1> and <h2>. I believe that is where your conflicts are occurring. Try moving your code between the closing </a> tag and the closing </header> tag. You can reference the code here for a guide if you are still stuck.

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>Nick Pettit</title>
  </head>
  <body>
    <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>


    <section></section>
    <footer>
      <p>&copy; 2013 Nick Pettit.</p>
    </footer>
  </body>
</html>