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

Katlego Mekgoe
Katlego Mekgoe
2,440 Points
Posted by Katlego Mekgoe
Katlego Mekgoe
2,440 Points

Inside the three new list items, add the following images: "numbers-01.jpg", "numbers-02.jpg", and "numbers-06.jpg".

I can't seem to get this right. Can someone help please

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

3 Answers

Karim Bostan
Karim Bostan
20,430 Points
Karim Bostan
Karim Bostan
20,430 Points

Hi Katlego,

  • You need to remove <a> tag.. the challenge don't ask for it.. even if it does, you forgot to close the tag with </a>

so it would become like this - for example - :

<a href="numbers-02.jpg">
<img src="numbers-02.jpg" alt="">
</a>
  • Second, the images are located in the root folder that's where index.html file is located.. so you don't put img/ before linked images as it will not appear because they are not there..

Final Solution

<!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>
Katlego Mekgoe
Katlego Mekgoe
2,440 Points
Katlego Mekgoe
Katlego Mekgoe
2,440 Points

I got that first question correct. I'm having problems with the question that follows that one

Karim Bostan
Karim Bostan
20,430 Points
Karim Bostan
Karim Bostan
20,430 Points

Hi,

Actually i edited my reply and explained why the challenge gives you wrong answer.. Please view my answer again to have an idea what was going wrong with the code.

Hope that helps.