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

Posted by Vanessa Rutledge
Vanessa Rutledge
Courses Plus Student 3,801 Points

Stage 3 HTML Content

I'm having trouble understanding what this questions is asking. I have inserted images 1-6, and I don't know what I have done wrong...

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>
      <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>
    </section>
    <footer>
      <p>&copy; 2013 Nick Pettit.</p>
    </footer>
  </body>
</html>
Andy Durette
Andy Durette
31,183 Points
Andy Durette
Andy Durette
31,183 Points

Hello Elizabeth

If I am correct about the code challenge you are completing. The below code will pass the test, you didn't need to make the images a link you just needed to display them like so.

 <section>
  <ul>
     <li><img src="img/numbers-01.jpg" alt=""></li>
     <li><img src="img/numbers-02.jpg" alt=""></li>
     <li><img src="img/numbers-06.jpg" alt=""></li>
  </ul>
</section>
Dawid Piwko
Dawid Piwko
3,995 Points
Dawid Piwko
Dawid Piwko
3,995 Points

Hello,

You must add <div> between </header> and <section> Like this:

</header>

<div id="wrapper"> <section> <ul id="gallery"> <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-12.jpg"> <img src="img/numbers-12.jpg" alt=""> <p>Creating shapes using repetition.</p> </a> </li> </ul> </section>

  <footer>
    <p>&copy; 2014 Nick Pettit</p>
  </footer>
</div>
Jami Schwarzwalder
Jami Schwarzwalder
17,961 Points

Elizabeth,

Your code mostly looks ok. The only error I see is that you didn't close your unordered list Sometimes thinking about html tags like folders can help. when you open a tag or a folder you need to close it. the only exception is <br> which can also be written as <br /> because it closes itself, or links to content like <img>.

To ensure that you are understanding the coding, the system runs specific tests to see if what you wrote is accurate. It isn't expecting to get a <a href=""> tag, it is looking for an <img> following the <li> so when it looks at your code it and doesn't see that, it thinks that you made a mistake.

Try removing the paragraph and the links from your code and it should pass.

For the exercises its best to do exactly what they say since its a computer grading you and not a human.