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

Jessica Pehrson
Jessica Pehrson
1,648 Points

challenge task 3 of 3 everythings correct but it still saying im wrong

I'm on challenge task 3 of 3 in creating html content and I did it exactly like nick does and it works in the preview in the challenge but it still says I'm wrong and I cant move on until its right. Im not sure what to do...

Hi, Jessica!

Could you post here your code? It would help me to answer your question.

Jessica Pehrson
Jessica Pehrson
1,648 Points
    <head>
      <meta charset="utf-8">
      <title> Jessica Pehrson | web design intern</title>
  </head>
  <body>
    <header>
      <a href="index.html">
        <h1>Jessica Pehrson</h1>
        <h2>web design Intern</h2>
        <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>
      </a>
    </header>
    <section>
      <p>gallery goes here</p>    
    </section>
    <footer>
      <p>&copy;| 2014 Jessica Pehrson</p>
    </footer>
  </body>
</html>
Jessica Pehrson
Jessica Pehrson
1,648 Points

Idk why its not showing the code :/ I was using the markdown thing....

It seems that you've used single quotation marks ' instead of backticks ` http://en.wikipedia.org/wiki/Grave_accent#Use_in_programming

Jessica Pehrson
Jessica Pehrson
1,648 Points

there we go! :) I didnt realize ther was a difference thanks :) now back to my main problem lol

Hi Jessica,

What is the error message saying?

Jessica Pehrson
Jessica Pehrson
1,648 Points

Hi kim it was saying bummer! portfolio should link to "index.html" and in the preview on the challenge it does so Idk when I used the non edited version of it, it went through so I'm guessing Alex is probably right it doesn't like the substitution for some reason... it didn't give me an error for the fist 2 challenges or at all before so Idk

3 Answers

The following code pass the challenge just fine:

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

I think that you've done everything right, but the challenge mechanism doesn't like an edited content. I mean <title> Jessica Pehrson | web design intern</title> instead of <title>Nick Pettit</title> and so on. I don't have the better explanation.

Hey again,

It looks like your first closing </a> tag is underneath <nav> instead of </h2>. Try moving that up?

  <header>
      <a href="index.html">
        <h1>Nick Pettit</h1>
        <h2>Designer</h2>
      </a>
Tom Spencer
Tom Spencer
7,713 Points
<html>
<head>
      <meta charset="utf-8">
      <title> Jessica Pehrson | web design intern</title>
  </head>
  <body>
    <header>
      <a href="index.html">
        <h1>Jessica Pehrson</h1>
        <h2>web design Intern</h2>
        <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>
      </a>
    </header>
    <section>
      <p>gallery goes here</p>    
    </section>
    <footer>
      <p>&copy;| 2014 Jessica Pehrson</p>
    </footer>
  </body>
</html>

Hi Jessica You have it right. I do believe its a bug in the code checker. As I have gotten it to pass by removing the anchor tag entirely from the Portfolio link item. I was able to repeat this several times using your code. It should not pass without an anchor link, but it does. so make Portfolio list item look like this.

<li>Portfolio</li>

Try it see if it passes for you.

Tom Spencer
Tom Spencer
7,713 Points

I tried the code challenge myself by entering the code manually. I got the same error as you did but the link was referring to Contact not linking to contact.html. so I erased the list item and retyped it and it worked. I was unable to make this error repeat though. Perhaps someone from Treehouse can have a look at the code checker for this challenge.