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 Owen Stellar
Owen Stellar
166 Points

I'm not sure what I'm doing wrong here.

Inside the three new list items, add the following images: "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! Remember, you can preview your work by clicking the Preview button.

Bummer! Make sure you include an image tag that displays "numbers-01.jpg".

index.html 
<!DOCTYPE html>
<html>
    <head>
      <meta charset="utf-8">
    <title>Owen Ritter |Shit Poster</title>
    </head>
   <body>
     <header>
       <a href="index.hetml">
        <h1>Owen Ritter</h1>
        <h2>Shit Poster</h2>
       </a>
       <nav>
        <ul>
          <li><a href="index.html"> Shit Posts</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>
          <a href="img/numbers-02.jpg">
              <img src="img/numbers-02.jpg" alt=""> 
            </a>
        </li>
          <li>
          <a href="img/numbers-06.jpg">
              <img src="img/numbers-06.jpg" alt=""> 
            </a>
        </li>
       </ul>
     </section>
     <footer>
      <p>&copy; 2016 Owen Ritter.</p>
     </footer>
   </body>
</html>

2 Answers

Ethan Rivas
Ethan Rivas
9,979 Points
Ethan Rivas
Ethan Rivas
9,979 Points

Hi Owen,

The problem here is that you're passing an img/ folder but the images are not there, actually you just have to place the name of the files inside the src attribute in the img's

<ul>
    <li>
       <img src="numbers-01.jpg" alt=""></img> 
    </li>
    <li>
       <img src="numbers-02.jpg" alt=""></img> 
    </li>
    <li>
      <img src="numbers-06.jpg" alt=""></img> 
   </li>
</ul>

Hope it helps :)

Owen Stellar
Owen Stellar
166 Points

Oh thank you, I guess I forgot to upload the images in the quiz since I did it in workspace already.

Thank you

Jennifer Nordell
seal-mask
STAFF
.a{fill-rule:evenodd;}techdegree
Jennifer Nordell
Treehouse Teacher
Jennifer Nordell
.a{fill-rule:evenodd;}techdegree
Jennifer Nordell
Treehouse Teacher

There is no need to upload anything to a challenge. In fact, you can't. Challenges contain everything that you need to do them. But Owen Stellar is correct about the path of the images. Because the challenge doesn't say where the images are located we can assume they are in the same directory as our HTML file.

However, another problem with your code is that the challenge explicitly states not to add links to the images. Remember links are made with the anchor tag or <a>. Your code contains links to the images while Owen's does not. Although, this was never pointed out.

Hope you got this to work and understand why it was incorrect. Happy coding! :sparkles: