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 Homa Nekoorad
Homa Nekoorad
219 Points

ul portfolio

It won't accept my code. You guys should have a way of moving forward with out getting code errors. this is frustrating learning process.

Create Navigation with Lists

This is the code I have and it keeps saying it does not recognize the portfolio ul tag

<!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> Portfolio 
    </ul>

    <ul> About 
    </ul>

    <ul> Contact 
    </ul>

  </nav>

</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">
        <h1>Nick Pettit</h1>
        <h2>Designer</h2>
      </a>

      <nav>

        <ul> Portfolio 
        </ul>

        <ul> About 
        </ul>

        <ul> Contact 
        </ul>

      </nav>

    </header>

    <section>
    </section>

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

  </body>
</html>

1 Answer

Allison Hanna
Allison Hanna
36,222 Points
Allison Hanna
Allison Hanna
36,222 Points

Hi,

You've created three unordered lists, <ul> instead of one unordered list with three list items, <li>. It's good that we are unable to move forward with errors in our code, because it forces us to examine what we've written and check for bugs and mistakes in understanding. Truly, it would be pointless to move forward with errors; the code doesn't work at all with errors. Code is all about logic and precision, and messy code simply doesn't run. Below, I have an example of code that passes this challenge.

<!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>