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

Posted by Rachael Twinn
Rachael Twinn
192 Points

Code Challenge not working

I'm stuck on the code challenge adding the links for the Portfolio, About and Contact.

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Nick Pettit</title> </head> <body> <header> <a href="index.html"> <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>

    <h1>Nick Pettit</h1>
    <h2>Designer</h2>
  </a>
</header>
<section></section>
<footer>
  <p>&copy; 2013 Nick Pettit.</p>
</footer>

</body> </html>

Can anyone tell me what I'm doing wrong??

Many thanks

2 Answers

Ryan Field
PLUS
Ryan Field
Courses Plus Student 21,242 Points
Ryan Field
Ryan Field
Courses Plus Student 21,242 Points

I'm not sure why it wouldn't be working. The only immediate thing that comes to mind is perhaps the spaces. You don't need spaces (and actually, extra spaces can cause positioning issues on pages, so it's best to avoid them where possible). Try something like this:

<li><a href="index.html">Portfolio</a></li>
Rachael Twinn
Rachael Twinn
192 Points

thanks for you reply. I've tried that and it's still not working.....

Juan Aviles
Juan Aviles
12,795 Points
Juan Aviles
Juan Aviles
12,795 Points

Hey Rachael,

Take a close look at where you have the nav element nested inside that anchor element.

~Juan

Garrett Levine
Garrett Levine
20,305 Points

aye! that is most definitely the problem.

Rachael Twinn
Rachael Twinn
192 Points

Forgive my complete ignorance, could you please explain it to me? It keeps saying that Portfolio doesn't link to index.html

Many thanks

Garrett Levine
Garrett Levine
20,305 Points

if you look at your html, you've wrapped your entire nav element (as well as your header text) in a link. 

<a href="index.html">
    <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>

    <h1>Nick Pettit</h1>
    <h2>Designer</h2>
  </a>

I think that what's meant to be done is JUST wrap your header text in the link, but I don't remember the challenge.