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

timthai
timthai
2,362 Points
Posted by timthai
timthai
2,362 Points

I don't understand whats wrong with this HTML code, thank you!

Code is included

index.html 
<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>Nick Pettit</title>
  </head>
  <body>
    <header>
      <a href="index.html">
        <nav>
        <ul>
          <li>Portfolio</li>
          <li>About</li>
          <li>Contact</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

Bryn Price
seal-mask
.a{fill-rule:evenodd;}techdegree
Bryn Price
Full Stack JavaScript Techdegree Student 7,253 Points
Bryn Price
.a{fill-rule:evenodd;}techdegree
Bryn Price
Full Stack JavaScript Techdegree Student 7,253 Points

Whilst syntactically fine, the challenge says to put the <nav> element AFTER the link (<a></a>). You've got it inside, I suspect what you did was saw "index.html" and put it directly afterwards, but forgot about the closing </a> tag, which is after the 2 headers (<h1> and <h2>). Don't worry...it's what I did at first glance.

The result of your code would mean that the headers that say "Nick Pettit Designer" will share the same link as "Portfolio, About, Contact". When you would need "Nick Pettit Designer" as one link and "Portfolio, About, Contact" after it.

Jonathan Mitten
PLUS
Jonathan Mitten
Courses Plus Student 11,197 Points
Jonathan Mitten
Jonathan Mitten
Courses Plus Student 11,197 Points

It looks syntactically fine. You have an empty <section> tag. Can you explain the problem you're experiencing?

timthai
timthai
2,362 Points
timthai
timthai
2,362 Points

Hi Jonathan, when I try to submit my work to the challenge, it tells me that something from the previous task is wrong. But when I submit my code from the first task, there doesn't seem to be an issue, thus the infinite loop begins