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 Dwight Schofield
Dwight Schofield
2,686 Points

what's wrong with the code i answered with?

the test question says to add three list items to the navigations section and i believe my answer is correct but i am getting the "Bummer!" response.

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>
          <li>"portfolio"</li>
          <li>"about"</li>
          <li>"contact"</li>
        </ul>
      </Nav>

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

4 Answers

Brian Jensen
seal-mask
STAFF
.a{fill-rule:evenodd;}techdegree seal-36
Brian Jensen
Treehouse Staff
Brian Jensen
.a{fill-rule:evenodd;}techdegree seal-36
Brian Jensen
Treehouse Staff

The grading system wants the list names capitalized and without quotes is all. Your code is good.

      <nav>
        <ul>
          <li>Portfolio</li>
          <li>About</li>
          <li>Contact</li>
        </ul>
      </nav>
mathisvester
mathisvester
13,451 Points
mathisvester
mathisvester
13,451 Points

The grading system wants the list names capatilized and without quotes is all. (...)

That's incorrect. A list containing

<ul>
      <li>"portfolio"</li>
      <li>"about"</li>
      <li>"contact"</li>
    </ul>

will also be valid markup.

rk15
rk15
1,963 Points
rk15
rk15
1,963 Points

In </Nav>, try putting in n in lower case.

Dwight Schofield
Dwight Schofield
2,686 Points
Dwight Schofield
Dwight Schofield
2,686 Points

thanks, Guys "fer yer" input. I am all set now.

Brian Jensen
seal-mask
STAFF
.a{fill-rule:evenodd;}techdegree seal-36
Brian Jensen
Treehouse Staff
Brian Jensen
.a{fill-rule:evenodd;}techdegree seal-36
Brian Jensen
Treehouse Staff

It IS valid markup, BUT whatever algorithm is used by the challenges check work engines is specifically looking for Portfolio, About, Contact any other characters and it fails it. Which is why my answer says "The grading system" and "Your code is good". Go try it out view challenge (it is Task 2) with:

<nav>
  <ul>
    <li>"portfolio"</li>
    <li>"about"</li>
    <li>"contact"</li>
  </ul>
</nav>
<!-- vs this -->
<nav>
  <ul>
    <li>Portfolio</li>
    <li>About</li>
    <li>Contact</li>
  </ul>
</nav>

It is an annoy thing that the grading system does at times. It seems to happen the most with CSS order. Like if the the instructions say add a padding of 10px and a margin of 30px to the h1. Then you do this:

h1 {
  margin: 30px;
  padding: 10px;
}

Even though it is 100% valid the grading engine can't process it.

mathisvester
mathisvester
13,451 Points
mathisvester
mathisvester
13,451 Points

You are right. I wasn't sure about your meaning of "The grading system".