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

HTML navigation element

<header> <a href="index.html"> <h1>Sidony Smith</h1> <h2>Web Design Consultant</h2> </a> <nav> <ul></ul> </nav> </header>

Code challenge was to add navigation element after the link in the header, where did I go wrong?....Cant move on from this challenge, tried several other ways and still cant pass....

14 Answers

Ryno Botha
PLUS
Ryno Botha
Courses Plus Student 4,055 Points

Just make sure your code looks like this: (See if you might have made a mistake somewhere)

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

Ryno, I am sorry but I cant see the code you wrote just now....:((

Ryno Botha
Ryno Botha
Courses Plus Student 4,055 Points

Sorry having some trouble to displaying it xD

Ryno Botha
Ryno Botha
Courses Plus Student 4,055 Points

x.X sorry it kinda doesn't look nice -smiles- but just add some tabs and space ^^ (sorry again)

ok...I see it now....thanks a lot..gonna zip over and try it now!!

Ryno Botha
Ryno Botha
Courses Plus Student 4,055 Points

haha cool ^^

Hope it works, if it doesn't let me know, I'll brake it down, step by step x)

(because this is the final code, First step: there shouldn't be lists and the links)

<!DOCTYPE html> <html> <head> <meta charsat="utf-8"> <title>Sidony Smith Web Design Consultant</title> </head> <body> <header> <a href="index.html"></a> <h1>Sidony Smith </h1> <h2>Web Design Consultant</h2> <nav> <ul> <li><a href="index.html"</li> <li><a href="about.html"</li> <li><a href="contact.html"</li>
</ul> </nav> </header> <section> <p>Gallery will go here.</p> </section> <footer> <p>© 2014 Sidony Smith.</p> </footer> </body> </html>

Ryno Botha
Ryno Botha
Courses Plus Student 4,055 Points

^^ Found an old forum that might help xP looks better than my random scribble haha

https://teamtreehouse.com/forum/is-this-challenge-broken

ok kool....checking it now....Thanks you have been super helpful....:)

<!DOCTYPE html> <html> <head> <meta charsat="utf-8"> <title>Sidony Smith Web Design Consultant</title> </head> <body> <header></header> <nav> <ul> <li><a></a></li> <li><a></a></li> <li><a></a></li> </ul> </nav> <section> <p>Gallery will go here.</p> </section> <footer> <p>© 2014 Sidony Smith.</p> </footer> </body> </html> I HAVE READ BOTH POSTS....AND THIS IS MY LAST ATTEMPT AT THIS .....I AM NOT SEEING WHERE I AM GOING WRONG...I HAVE TRIED ALL THE PREVIOUS SUGGESTIONS FROM DIFFERENT POSTS AND ITS STILL STUCK....(Sorry for the all caps.....very sad:(

Ryno Botha
PLUS
Ryno Botha
Courses Plus Student 4,055 Points

haha no problem ^^

what step are you stuck on?

Step one:

Add the Nav tags with ul inside, don't add the li tags just yet.

And make sure the Nav tag is under the Link (a tag in the header)

click Check work-

Next they'll ask:

"Inside the navigation element, create three list items with the words, “Portfolio”, “About”, and “Contact”. Don’t add links yet."

So just add the li tags inside the ul tag.

Click check work-

lastly make sure it looks like Christopher Halls code:

https://teamtreehouse.com/forum/is-this-challenge-broken

and then click check work-

Ok this is what I have done and this is like my um-teenth attempt at this challenge.... Inside the <header> tag, I placed <a href="index.html"> Then inside that <a> tag, I placed the <nav> which has inside the <ul> opening and closing tags...... At the end of all that, there is the closing </a> tag....I did it exactly how Chris Hall has his example and it still said I should recheck work...I restarted my project and its still giving me the same message....I have been stuck here for 1:30 mins....Frustrated.......

Ryno Botha
PLUS
Ryno Botha
Courses Plus Student 4,055 Points

First Step:

<!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>
        </ul>
      </nav>
    </header>
    <section></section>
    <footer>
      <p>&copy; 2013 Nick Pettit.</p>
    </footer>
  </body>
</html>

Second Step:

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

Third Step:

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

And it worked for me.

ok, its official this challenge MUST be broken...I have tried ALL the suggestions from the previous posts, watched the tutorial a trillion times....copied Nick's final syntax, and IT still is telling me to recheck work....The stupid part about this thing is that it doesnt even give you a hint...it just asks you to add the obviously already added element....ok its official...Code Academy it is....

Ryno Botha
Ryno Botha
Courses Plus Student 4,055 Points

haha not sure why your's is not working, but trust me Treehouse is better ^^

Can help to do both, but just keep trying to use Treehouse.

You'll get used to everything xP trust me~

Ok Ryno, I took your advice, AND.....just copy & paste....even with that perfect example...its still telling me to recheck work....it must be broken....My next step will be to contact Tech Support, because this is a colossal waste of time.....Thank you VERY much for all your help, its been invaluable...I am sure I will have other early morning issues with this thing....so look out for me in the future....haha..Thanks again, appreciate it...

Ryno Botha
PLUS
Ryno Botha
Courses Plus Student 4,055 Points

haha no problem x) don't mind helping, just sorry I couldn't help you today xO

Yeah just e-mail them and let them know x) should help

Because I had a problem where I completed the challenge haha but didn't want me to move on x,X (didn't say check work, said I completed it, but couldn't move on and didn't get the points)

So found out I had to run my browser incognito mode for it to work ^^

https://support.google.com/chrome/answer/95464?hl=en

Hope they'll be able to help you as well~

looking into it...Again thanks a lot Ryno....:))