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 Organize with Unordered Lists

Rosalie McGarity
Rosalie McGarity
229 Points
Posted by Rosalie McGarity
Rosalie McGarity
229 Points

The task results say I didn't add an <ul> in the section, but I did from what I can tell. Everything looks right?

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Rosalie McGarity|Cigar Indian></title> </head> <body> <header> <a href="index.html"> <h1>Rosalie McGarity</h1> <h2>Cigar Indian</h2> </a> <nav> <ul> <li><a href="index.html">Portfolio </a></li> <li><a href="Portfolio.html">About </a></li> <li><a href="Contact.html">Contact </a></li> </ul> </nav> </header> <section> <ul> <li> <a href="img/numbers-01.jpg"> <img src "img/numbers-01.jpg" alt=""> <p>blah blah blah </p> </a> </li> <li> <a href="img/numbers-01.jpg"> <img src "img/numbers-01.jpg" alt=""> <p>blah blah blah </p> </a> </li> <li> <a href="img/numbers-01.jpg"> <img src "img/numbers-01.jpg" alt=""> <p>blah blah blah </p> </a> </li> </ul>

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>

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>Rosalie McGarity|Cigar Indian></title>
  </head>
  <body>
   <header>
     <a href="index.html">
      <h1>Rosalie McGarity</h1>
      <h2>Cigar Indian</h2>
      </a>
      <nav>
        <ul>
          <li><a href="index.html">Portfolio </a></li>
          <li><a href="Portfolio.html">About </a></li>
          <li><a href="Contact.html">Contact </a></li>
      </ul>
      </nav>
  </header>
   <section>
     <ul>
      <li>
        <a href="img/numbers-01.jpg">
        <img src "img/numbers-01.jpg" alt="">
          <p>blah blah blah </p>
          </a>
         </li>
       <li>
        <a href="img/numbers-01.jpg">
        <img src "img/numbers-01.jpg" alt="">
          <p>blah blah blah </p>
         </a>
         </li>
       <li>
        <a href="img/numbers-01.jpg">
        <img src "img/numbers-01.jpg" alt="">
          <p>blah blah blah </p>
        </a>
       </li>
     </ul>

      </section>

2 Answers

Abe Layee
Abe Layee
8,378 Points
Abe Layee
Abe Layee
8,378 Points

It should be like this . You didn't put the ul inside the section tag. Trying adding your code inside the section

<section>
 <nav>
        <ul>
          <li><a href="index.html">Portfolio </a></li>
          <li><a href="Portfolio.html">About </a></li>
          <li><a href="Contact.html">Contact </a></li>
      </ul>
</nav>
</section>
Rosalie McGarity
Rosalie McGarity
229 Points
Rosalie McGarity
Rosalie McGarity
229 Points

I did that. There are two areas that have unordered lists. The first one is above in the navigation and the second one is in the <section> portion. Here is my entire project including this task:

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Rosalie McGarity|Cigar Indian></title> </head> <body> <header> <a href="index.html"> <h1>Rosalie McGarity</h1> <h2>Cigar Indian</h2> </a> <nav> <ul> <li><a href="index.html">Portfolio </a></li> <li><a href="Portfolio.html">About </a></li> <li><a href="Contact.html">Contact </a></li> </ul> </nav> </header> <section> <ul> <li> <a href="img/numbers-01.jpg"> <img src "img/numbers-01.jpg" alt=""> <p>blah blah blah </p> </a> </li> <li> <a href="img/numbers-01.jpg"> <img src "img/numbers-01.jpg" alt=""> <p>blah blah blah </p> </a> </li> <li> <a href="img/numbers-01.jpg"> <img src "img/numbers-01.jpg" alt=""> <p>blah blah blah </p> </a> </li> </ul>

  </section>