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 Fredy Martinez
Fredy Martinez
167 Points

I added the<li></li>. Not sure why its not working. Help please!

Thats all.

index.html 
<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>Fredy Martinez | Photographer</title>
  </head>
  <body>
    <header>
      <a href="index.html">
        <h1>Fredy Martinez</h1>
        <h2>Photographer</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>
     </section>
    <footer>
      <ul>
       <li>
         <a href="img/numbers-01.jpg">
           <img src="IMG/numbers-01.jpg" alt="">
            <p>PICK 1</p>
            </a>
          </li>
                 <li>
         <a href="img/numbers-02.jpg">
           <img src="IMG/numbers-02.jpg" alt="">
            <p>PICK 2</p>
            </a>
          </li>
           <li>
         <a href="img/numbers-06.jpg">
           <img src="IMG/numbers-06.jpg" alt="">
            <p>PICK 6</p>
            </a>
          </li>
              <li>
         <a href="img/numbers-09.jpg">
           <img src="IMG/numbers-09.jpg" alt="">
            <p></p>
            </a>
          </li>
              <li>
         <a href="img/numbers-12.jpg">
           <img src="IMG/numbers-12.jpg" alt="">
            <p>PIC 12</p>
            </a>
          </li>
</ul>
      </section>
    <footer>
      <p>&copy; 2017 Fredy Martinez.</p>
    </footer>
  </body>
</html>

3 Answers

Mike Wagner
Mike Wagner
23,559 Points
Mike Wagner
Mike Wagner
23,559 Points

Up at the top of your <section> you seem to have accidentally pasted in 

 <ul>
     </section>
    <footer>

which is throwing everything out of whack. Also, the Challenge only ever asks for 3 <li> where you have 5, and states that you should not add any links or captions.

Matthew Beiswenger
Matthew Beiswenger
6,814 Points
Matthew Beiswenger
Matthew Beiswenger
6,814 Points

The problem is that your code is just too messy. There's two opening <footer> tags but only one closing </footer> tag. Also, there's one opening <section> tag but two closing </section> tags. Try starting the challenge over but be more diligent with the organization of your code. You simply want to place the unordered list within the <section> </section> tags.

Patrick Vanegas
Patrick Vanegas
6,971 Points
Patrick Vanegas
Patrick Vanegas
6,971 Points

You placed an extra <ul> tag above the actual <ul>, delete and you should be good! Make sure you indent your code that way you reduce errors!