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 bryan baldasaro
bryan baldasaro
288 Points

Bummer! Be sure your <nav> element is directly after the link in the header. Restart

Don't get it: " Bummer! Be sure your <nav> element is directly after the link in the header. Restart "

index.html 
<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>Bryan Baldasaro | Designer</title>
    <link rel="stylesheet" href="css/normalize.css">
      <link rel="stylesheet" href="css/main.css">
  </head>
  <body>

      <a href="index.html"></a><h1>Bryan Baldasaro</h1>
        <h2>Designer</h2>
       <header>
      <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>
    <div id="wrapper">

        <section>
          <ul>
            <li>
              <a href="img/numbers-01.jpg"><img src="img/numbers-01.jpg" alt="">
                <p>Experimentation with color and texture.</p>
              </a>
            </li>
            <li>
              <a href="img/numbers-02.jpg">
                <img src="img/numbers-02.jpg" alt="">
                <p>Playing with blending modes in photoshop</p>
              </a>
            </li>
            <li>
              <a href="img/numbers-06.jpg">
                <img src="img/numbers-06.jpg" alt="">
                <p>Trying to create an 80's style of glows.</p>
              </a>
            </li>
            <li>
              <a href="img/numbers-09.jpg">
                <img src="img/numbers-09.jpg" alt="">
                <p>Drips created using Photoshop brushes.</p>
              </a>
            </li>
            <li>
              <a href="img/numbers-012.jpg">
                <img src="img/numbers-012.jpg" alt="">
                <p>Creating shapes using repetition.</p>
              </a>
            </li>
          </ul>
        </section>

        <footer>
        <a href="https://twitter.com/bryanBbad"><img src= "img/twitter-wrap.png" alt="Twitter Logo"></a>
        <a href="https://www.facebook.com/bryan.baldasaro"><img src= "facebook-wrap.png" alt="Facebook Logo"></a>
        <p>&copy; 2017 Bryan Baldasaro.</p>
        </footer>
      </div>
    </body>
</html>
James Ackerman
James Ackerman
14,099 Points

It looks like your header got pushed down a bit. The header should be just under the body as follows...

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

1 Answer

Samantha Atkinson
seal-mask
.a{fill-rule:evenodd;}techdegree seal-36
Samantha Atkinson
Front End Web Development Techdegree Graduate 40,307 Points
Samantha Atkinson
.a{fill-rule:evenodd;}techdegree seal-36
Samantha Atkinson
Front End Web Development Techdegree Graduate 40,307 Points

Hi, The first link is not included in your header tag. You need to move the open header tag above your link tag and in your header the link tag is not including or wrapped around your h1 and h2 elements as the text for the index.html link. If that is the text you want to become the link for your index.html page. Example: <a href="index.html"> <h1>Bryan Baldasaro</h1> <h2>Designer</h2> </a>

You didn't add the closing anchor tag after the h2 closing tag.

So that once you click on your name and the word designer you go to the index page. Once you've closed your link tag after the closing 2h tag then you will correctly be adding the nav element after the link/anchor tag.