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

Badrul Lasker
Badrul Lasker
909 Points
Posted by Badrul Lasker
Badrul Lasker
909 Points

What am I doing wrong in the Portfolio link part?

it says portfolio should link to index.html

index.html 
<!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>
Alex Stephens
Alex Stephens
13,342 Points

try replacing this with the link where it says header let me know if that works for you

<nav><ul></ul><a href="index.html"></a><nav>

2 Answers

Frederico Graciano
Frederico Graciano
Courses Plus Student 2,768 Points

The problem it's really simple.

look the wrong way:

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

now the right way:

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

// Right way:   "   "

// Wrong Way:  “  ”

I still thing you can't find the problem in there but the problem is how you closed your href = you need to use " " and not “ ” so the quotes are the problem.

Badrul Lasker
Badrul Lasker
909 Points
Badrul Lasker
Badrul Lasker
909 Points

This was the problem. Earlier I had copy pasted it from the question and some how it changed the inverted commas.

Frederico Graciano
PLUS
Frederico Graciano
Courses Plus Student 2,768 Points
Frederico Graciano
Frederico Graciano
Courses Plus Student 2,768 Points

You don't need to put the same in the header, the header it's right, it's working fine on here. if you click on it and it is in the same page then you are good. Otherwise if you get a message saying something like that : File not found.

Then something in the a tag it's wrong.

all right:

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