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 David Shoup
David Shoup
5,974 Points

This is VERY frustrating. What am I doing wrong? Challenge 1 of 3: "Create a navigation element with an unordered list..

"Create a navigation element with an unordered list element after the link inside the header. Don't add any list items or links just yet." My code is as follows: <body> <header> <a href="index.html"> <nav> <ul></ul> </nav> <h1> Nick Pettit</h1> <h2>Designer</h2>

I cannot get past the answer correction algorithm and the errors that it identifies are not precise enough.

David Shoup
David Shoup
5,974 Points

BTW, the 6 lines of code that I typed in disappeared when I hit the enter key, leaving only Nick Pettit Designer.

'''<body> <header> <a href="index.html"> <nav> <ul></ul> </nav> <h1>Nick Pettit</h1> <h2>Designer</h2>'''

15 Answers

Lush Sleutsky
Lush Sleutsky
14,044 Points

Well... care to type the code out again so that we may be of assistance?

David Shoup
David Shoup
5,974 Points

Mr. Sleutsky, Thanks for responding.

The HTML disappears when I enter, even with the ''' before and after.

Please advise.

The code disappears after I type it in and hit the "Save Comment" button.

David Shoup
David Shoup
5,974 Points

'''<body''' '''<header>''' '''<a href="index.html">''' '''<nav>''' '''<ul></ul>''' '''</nav>''' '''<h1>Nick Petit</h1>'''
'''<h2>Designer</h2>'''

idan ben yair
idan ben yair
10,288 Points
idan ben yair
idan ben yair
10,288 Points

Yup, thats the one of the cons of the profession you will lose your mind over a missing semicolon hahahaha.

Just kidding, thats one of the reasons I love what I do, it always makes you think and be aware of yourself and your mistakes.

Henry Remache
Henry Remache
11,005 Points
Henry Remache
Henry Remache
11,005 Points

This is the right code, they are asking you to put the unordered list after the anchor element.

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

idan ben yair
idan ben yair
10,288 Points
idan ben yair
idan ben yair
10,288 Points

It should look like this 

<header>
   <nav>
      <a href="#"></a>
         <ul>
         </ul>
   </nav>
</header>

You need to create your list inside the header tag, not the body. Let me know if that helped :)

David Shoup
David Shoup
5,974 Points

Then why did the instruction say "after the link", meaning the href line, right?

idan ben yair
idan ben yair
10,288 Points
idan ben yair
idan ben yair
10,288 Points

yup, inside the header but after the link tag.

David Shoup
David Shoup
5,974 Points

I tried that. No workee.

David Shoup
David Shoup
5,974 Points
David Shoup
David Shoup
5,974 Points

I am still throwing this error:" Bummer! Be sure your <nav> element is directly after the link in the header."

David Shoup
David Shoup
5,974 Points
David Shoup
David Shoup
5,974 Points

body header a href="index.html" nav ul / ul /nav ....

The '''<''' and '''>''' were omitted intentionally, because the text disappears if they are included.

Gabriel Roczanski
PLUS
Gabriel Roczanski
Courses Plus Student 2,136 Points
Gabriel Roczanski
Gabriel Roczanski
Courses Plus Student 2,136 Points

Code Wrap your code with 3 backticks (```) on the line before and after. If you specify the language after the first set of backticks, that'll help us with syntax highlighting.

Example: html YOUR CODE HERE () <- without the parentesis to close your code

David Shoup
David Shoup
5,974 Points

I tried that. The code still disappeared.

Gabriel Roczanski
Gabriel Roczanski
Courses Plus Student 2,136 Points

You're doing wrong dude. Check again, use ( ) then html then give an BACKSPACE, your CODE, BACKSPACE and the ( ) (without spaces and parentesis)

idan ben yair
idan ben yair
10,288 Points
idan ben yair
idan ben yair
10,288 Points 
<header>
<link href = "style.css" rel = "stylesheet" type = "css/text">
   <nav>
      <a href="#"></a>
         <ul>
         </ul>
   </nav>
</header>

Make sure the list is after the link.

Lush Sleutsky
Lush Sleutsky
14,044 Points

I'm actually not 100% certain if it effects it or not, but the "type" attribute should be "text/css" and not "css/text"

Again, not sure if the way you wrote it works, but I think it has to be a certain way, no?

David Shoup
David Shoup
5,974 Points
David Shoup
David Shoup
5,974 Points

html '''<body>''' '''<header>''' '''<a href="index.html">''' '''<nav>''' '''<ul> </ul>''' '''</nav>''' '''<h1>Nick Pettit</h1>''' '''<h2>Designer</h2>'''

html '''<header>''' '''<nav>''' '''<a href="index.html">''' '''<h1>Nick Pettit</h1>''' '''<h2>Designer</h2>''' '''</a>''' '''<ul></ul>''' '''</nav>''' '''</header>'''

Neither one works.

David Shoup
David Shoup
5,974 Points
David Shoup
David Shoup
5,974 Points

And, of course, with all the time and trouble to type in both attempts at a solution with the triple single quotes, the html code disappears!!!!!

Lush Sleutsky
Lush Sleutsky
14,044 Points

Are you sure you are utilizing Markdown properly? Right under the box that you type in, there is a Markdown Cheatsheet, which should explain pretty simply how to add code into a forum post...

idan ben yair
idan ben yair
10,288 Points
idan ben yair
idan ben yair
10,288 Points

you are using ''' you are using the wrong thing its this symbol 3 times `

David Shoup
David Shoup
5,974 Points

Quite correct. I am not going to type it out a fourth time.

David Shoup
David Shoup
5,974 Points
David Shoup
David Shoup
5,974 Points

I thank you all for your help. Still no solution. I will soldier on on my own until I get the solution.
Still not happy. Peace. Out.

Lush Sleutsky
Lush Sleutsky
14,044 Points

It is the backtick symbol to the left of the number 1

<p>code code code</p>

you just click that button on the keyboard 3 times, press space, write the word "html", (you do not need to put the word html into quotes) then press enter, write your code as you would in a text editor, using the proper HTML selectors, brackets, etc, then press enter again, and press the backtick button 3 more times..

idan ben yair
idan ben yair
10,288 Points
idan ben yair
idan ben yair
10,288 Points

Hi Lush, you are right it does matter it should be text/css, chrome actually takes it and ignores this mistake but I had this error in one of my website and firefox could not understand the css and i had a few sleepless nights trying to figure it out lol.

Lush Sleutsky
Lush Sleutsky
14,044 Points

Lol, I've had similar situations that were hair pulling. Just wanted to point it out just in case...

idan ben yair
idan ben yair
10,288 Points
idan ben yair
idan ben yair
10,288 Points

yup that should do it!