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

something is wrong Here!

I type in the <ul>Portfolio</ul> list just like it says and it states not correct please tell what to here .

Logan R
Logan R
22,989 Points

Could you please provide your code? Check out the video to the right under the header "Tips for asking questions" for more information on how to properly post your code!

Thanks :)

3 Answers

Okay... I figured this one out. I got Bummer! null the first time as well. Then I noticed that I was placing the nav block right after the link (which it asks you to) but didn't notice that the closing a tag for the link is actually after the h1 and h2 tags ... doh!

It's a strangely worded task, but this is what works:

      <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>
Nick Pettit
Nick Pettit
Treehouse Teacher

L R,

Jennifer has the correct answer here. Notice how the <nav> element is after the <a> element, and not nested inside. That's the difference. :)

James Barnett
James Barnett
39,199 Points

Jennifer Rai - Which part of the code challenge instructions did you find oddly worded?

Hi James - I guess it is not the instructions that I found odd, it was seeing the h1 & h2 tags both inside of the same link that I found a bit strange. On the other hand, I think the best challenges are the ones that make you look a little more closely :-) I also haven't done this track yet, so I wasn't looking at the code in context to what Nick is teaching with the project ... which I'm sure would help ; )

Nick Pettit
Nick Pettit
Treehouse Teacher

Hey everyone,

We're retooling this challenge a little bit to make the error messages better and the instructions more clear. This was a difficult one to track down, but we think we have it figured out now. Thank you all for posting the entirety of your code. It helps us tremendously in reproducing the problems you're having. :)

Nick Pettit
STAFF
Nick Pettit
Treehouse Teacher

Hi Johnathan Rowley,

When asking about Code Challenges in the forum, it's helpful to post the code that you're writing along with the Code Challenge prompt. What is the Code Challenge asking you to do and what code have you typed in?

If you need help writing code in the forum, be sure to check out the "Markdown Cheatsheet" link below the comment box. When formatted correctly, code in the forum will look like this:

<p>Here is an example of HTML code.</p>
Logan R
Logan R
22,989 Points

Hey Nick Pettit

I tried to challenge myself, and it there does appear to be something actually wrong.

I tried the following for 2/3:

<nav>
        <ul>
          <li>Portfolio</li>
          <li>About</li>
          <li>Contact</li>
        </ul>
        </nav>

and it said "Bummer! null".

Nick Pettit
STAFF
Nick Pettit
Treehouse Teacher

Hi L R,

Posting a snippet of the challenge doesn't help us debug unfortunately. You'll need to post the entirety of what you have in the challenge window.

Logan R
Logan R
22,989 Points

Sorry about that!

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