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

Casey Huckel
PLUS
Casey Huckel
Courses Plus Student 4,257 Points

I can't do the challenge:Inside the three new list items, add the following images: "numbers-01.jpg", "numbers-02.jpg",

Here's the whole challenge: 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.

I've attached my code too

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="index.html">Portfolio</a></li>
          <li><a href="about.html">About</a></li>
          <li><a href="contact.html">Contact</a></li>
      </ul>
    </section>
    <footer>
      <p>&copy; 2013 Nick Pettit.</p>
    </footer>
  </body>
</html>
Erik Nuber
Erik Nuber
20,629 Points

I believe what you are looking for is to create a new section with an unordered list and than put images inside that list.

So, you would need to do the following.

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

It just says inside the new list items, so assume you already have an unordered list that just need the image tags but, I think that is what you are looking for overall.

9 Answers

Hello this is the correct answer <blockquotes>

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

</blockquotes> if this helped, rate my answer

Thank you for your help. I was hung up on <img src="img/numbers-01.jpg, etc. All we need is <img src="numbers-01.jpg" alt="">

Casey Huckel
PLUS
Casey Huckel
Courses Plus Student 4,257 Points

That didn't work either. This is the response I get:

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

This is all foreign to me or I'd be able to help myself more. I don't know what an image tag is

Casey Huckel
PLUS
Casey Huckel
Courses Plus Student 4,257 Points

And is there a way to skip a challenge? This is very frustrating, I am under a time constraint and to have to get every challenge right prevents me from covering the whole course in a shorter time.

Erik Nuber
Erik Nuber
20,629 Points
<section>
  <ul>
     <li><img src="numbers-01.jpg"></li>
    <li><img src="numbers-02.jpg"></li>
    <li><img src="numbers-06.jpg"></li>
  </ul>
</section>

realized my answer provided un-needed info. Cleaned it up and will double check it if I can find that quiz again real fastt This should work though. Also, the couple times I got stuck in lessons, I copied the question, googled it and quickly found an answer that helped.

Erik Nuber
Erik Nuber
20,629 Points

Yes, this works. I just went and did the quiz again and was fine.

bro the answer i gave u earlier is 100% legit i recommend u trying the code again

Casey Huckel
PLUS
Casey Huckel
Courses Plus Student 4,257 Points

I finally got it. I had to copy and paste Lakindu's code from a community post he entered in response to someone else's question and it worked. My code from before must have had a small error in it. I hate to copy someone else's code but I had to get through this challenge. On to footers. Might have a question on that too

haha ok im glad i could help u in return could u please rate my answer as best? im going for 'moderator' title so i really need ur support as well thanks ^_^ ill help u in future too

Casey Huckel
PLUS
Casey Huckel
Courses Plus Student 4,257 Points

Ok sure. Now how do you add a sidebar to the code? In Nick Pettit's video, he has a sidebar where he drags and drops images. My code doesn't have a sidebar

in the treehouse workspace?

Casey Huckel
PLUS
Casey Huckel
Courses Plus Student 4,257 Points

No not in the workspace but I just added the workspace and there's the sidebar. Where do I find the list of images to drag and drop?

Casey Huckel
PLUS
Casey Huckel
Courses Plus Student 4,257 Points

Nevermind I added a couple images of my own and it worked. On to the next challenge!

good luck bro if any problem just ask me