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

Sharif Ali
Sharif Ali
229 Points
Posted by Sharif Ali
Sharif Ali
229 Points

How do I include an image tag that displays "img/numbers-01.jpg"?

<a href="img/numbers-01.jpg"> <img src="img/numbers-01.jpg" alt=""> </a>

The above code is what I'm using in the challenge! This code works perfect in the workspace but its not working in the challenge. I get the error "Bummer! make sure you include an image tag that displays "img/numbers-01.jpg". I don't know what to do at this point.

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

4 Answers

Shawn Denham
.a{fill-rule:evenodd;}techdegree
Shawn Denham
Python Development Techdegree Student 17,801 Points

There should be a place you click down below the individual answers that says "best answer" or something like that. Hit that and it will mark this question as answered in the forum list :)

Thanks!

Ryan Huber
Ryan Huber
8,206 Points
Ryan Huber
Ryan Huber
8,206 Points

Your image tag looks good. I am not sure why there is an a tag pointing to that file though. Are you trying to link to that image through both an a tag and the image tag? I went in and looked at what they were asking and the issue that you are having is trying to wrap the image in the a tag that points to the image itself.

Sharif Ali
Sharif Ali
229 Points
Sharif Ali
Sharif Ali
229 Points

Thank you for the help! I see my mistake now.

Shawn Denham
seal-mask
PLUS
.a{fill-rule:evenodd;}techdegree
Shawn Denham
Python Development Techdegree Student 17,801 Points
Shawn Denham
.a{fill-rule:evenodd;}techdegree
Shawn Denham
Python Development Techdegree Student 17,801 Points

I am going to assume that you are on Task 2 :)

The Challenge is asking you to do:

Inside the three new list items, add the following images from inside the img folder: "numbers-01.jpg", "numbers-02.jpg", and "numbers-06.jpg". Leave the alt attributes blank, and don’t add any captions or links. Just the images!

what you added in your code snippet above was just 

<img src="img/numbers-01.jpg" alt="">

you have to add the other 2 image tags before you click the Check Work button

Sharif Ali
Sharif Ali
229 Points
Sharif Ali
Sharif Ali
229 Points

Thank you for the help I really appreciate it!

Shawn Denham
seal-mask
PLUS
.a{fill-rule:evenodd;}techdegree
Shawn Denham
Python Development Techdegree Student 17,801 Points
Shawn Denham
.a{fill-rule:evenodd;}techdegree
Shawn Denham
Python Development Techdegree Student 17,801 Points

If you are satisfied with your answer can you please mark this thread as "answered" :)

It really helps those of us that go through to forums trying to help know which questions we can skip! :)

Thanks!!