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

Orlando Caceres
Orlando Caceres
178 Points
Posted by Orlando Caceres
Orlando Caceres
178 Points

im convinced im doing this right

i need help

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></p>
            </a>
             <li>
            <a href="img/numbers-02.jpg">
              <img src="img/numbers-02.jpg" alt="">
              <p></p>
            </a>
                <li>
            <a href="img/numbers-06.jpg">
              <img src="img/numbers-06.jpg" alt="">
              <p></p>
            </a>
    </section>
    <footer>
      <p>&copy; 2013 Nick Pettit.</p>
    </footer>
  </body>
</html>

2 Answers

Frederico Graciano
Frederico Graciano
Courses Plus Student 2,768 Points

Hello Orlando, Welcome to TeamTreeHouse.

For what I can see in the second code that you posted. You did not close the ul tag. Remember almost all the tags needs to be closed. example:

<ul>  <!-- Opened the UL Unordered list tag--->
</ul> <!--Closed the Unordered list tag with /-->

<!--

Same goes for the a or anchor tag  <a href="#">Name of the Link</a>


-->

check your second list item for the alt attribute is missing the =, remember to always check these little things because little mistakes in the code will make your life a living hell. LOL.

In this case I will tell you. The first part of the challenge is asking you to create a unordered list inside the section tag with 3 list items. so only that nothing else inside.

so it would look like this:

<!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></li>
         <li></li>
         <li></li>
      </ul>
    </section>
    <footer>
      <p>&copy; 2013 Nick Pettit.</p>
    </footer>
  </body>
</html>

Second part asks you to add the img tag inside the list items.

so this is how it should be:

<!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><img src="numbers-01.jpg" alt=""></li>
         <li><img src="numbers-02.jpg" alt=""></li>
         <li><img src="numbers-06.jpg" alt=""></li>
      </ul>
    </section>
    <footer>
      <p>&copy; 2013 Nick Pettit.</p>
    </footer>
  </body>
</html>

Pretty simple, but please make sure you learn and not just copy and paste. if you have any other questions feel free to ask.

Orlando Caceres
Orlando Caceres
178 Points
Orlando Caceres
Orlando Caceres
178 Points

Thank you so much! i guess im just having a hard time understanding the instructions. Very confusing stuff but im excited to be learning it here with Treehouse.

Greg Kaleka
Greg Kaleka
39,021 Points
Greg Kaleka
Greg Kaleka
39,021 Points

Hi Orlando,

There are two issues here - one is a coding issue, the other is a reading the challenge instructions issue :blush:.

For the first, you need to close your <li> tags - you haven't added any closing </li> tags.

Second, the instructions say not to add any caption or links, so remove your <p> tags and your entire <a> tags.

Cheers :beers:

-Greg

Orlando Caceres
Orlando Caceres
178 Points
Orlando Caceres
Orlando Caceres
178 Points

Still not working or im just dont understand what you mean by <a>

<section>
     <ul>
      <li>
      <a href="img/numbers-01.jpg">
        <img src="img/numbers-01.jpg" alt="">
     </li>
      <li>
      <a href="img/numbers-02.jpg">
        <img src="img/numbers-02.jpg" alt"">
      </li>
       <li>
      <a href="img/numbers-06.jpg">
        <img src="img/numbers-06.jpg" alt="">
       </li>
</section>
Greg Kaleka
Greg Kaleka
39,021 Points
Greg Kaleka
Greg Kaleka
39,021 Points

You need to remove the entire anchor tag - that means both the closing </a> tags you've already removed and the opening <a href="img/numbers-01.jpg"> tag as well.

Greg Kaleka
Greg Kaleka
39,021 Points
Greg Kaleka
Greg Kaleka
39,021 Points

Ah, and Frederico is right - you haven't closed your <ul> tag either. Every opening tag needs a closing one!