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 Bare Farah
Bare Farah
553 Points

"Bummer! Make sure to add img/number-01.jpg."

"Bummer! Make sure to add img/number-01.jpg."

Whats wrong with my code. Can someone help me ?

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>"Beuitful"</p>
          </a>
        </li>
      <li>
          <a href="img/numbers-02.jpg">
            <img src="img/numbers-02.jpg" alt="">
          </a>
        </li>
      <li>
          <a href="img/numbers-01.jpg">
            <img src="img/numbers-01.jpg" alt="">
            <p>Expermentation with colour and texture.</p>
          </a>
        </li>
     </ul>
    </section>
    <footer>
      <p>&copy; 2013 Nick Pettit.</p>
    </footer>
  </body>
</html>

2 Answers

Caleb Kleveter
MOD
Caleb Kleveter
Treehouse Moderator 37,862 Points
Caleb Kleveter
Caleb Kleveter
Treehouse Moderator 37,862 Points

I noticed that you have the link 'img/numbers-01.jpg' twice instead of 'img/numbers-06.jpg'.

Bare Farah
Bare Farah
553 Points

Yes sorry about that i fix it. But the problem still doesnt get fixed

Matthias Vanspringel
Matthias Vanspringel
2,529 Points
Matthias Vanspringel
Matthias Vanspringel
2,529 Points

Make sure to include only the images, and don't include links, as stated in the challenge.

Your code should look like this:

        ```html
         <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>
        ```

Also the last img should be number 6, not 1.

Bare Farah
Bare Farah
553 Points

where should i put that becuse if you look at my code its on the top

Matthias Vanspringel
Matthias Vanspringel
2,529 Points
Matthias Vanspringel
Matthias Vanspringel
2,529 Points

Just between the section tag:

<!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="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>
    <footer>
      <p>&copy; 2013 Nick Pettit.</p>
    </footer>
  </body>
</html>```
Bare Farah
Bare Farah
553 Points

Thank you.

OMG why didnt I notice .

Thank you again.