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

Posted by Brenda Barrios
Brenda Barrios
304 Points

How to create a website

Hello everyone!

I've been trying to complete the task in which they ask you to create an unordered list in the section part. For doing that, you need to upload the images from the video. I downloaded those images but I cannot drag them to my workspace because there is no space, I mean, there is no a bar in which I can do it. When they checked my work, it said that I had empty <li> </li>, of course because there was not images in there. Please tell me how to upload them, so I can complete my task Thank you all.

6 Answers

Jake Lundberg
Jake Lundberg
13,965 Points
Jake Lundberg
Jake Lundberg
13,965 Points

As I had mentioned above, the wording is just confusing...you are not actually uploading anything into treehouse. When they say upload the images, they mean enter the code that will call these images when executed.

So in the section tag, first create an unordered list...

<section>
   <ul>

   </ul>
</section>

Then create 3 empty li tags

<section>
   <ul>
      <li></li>
      <li></li>
      <li></li>
   </ul>
</section>

Then add the images to each li tag: 

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

vuala! Hope this helps!

jacobproffer
jacobproffer
24,604 Points

Don't forget your alt attributes.

Jake Lundberg
Jake Lundberg
13,965 Points
Jake Lundberg
Jake Lundberg
13,965 Points

They aren't required in this instance, but you are correct. Thank you sir.

lucybeck
lucybeck
6,055 Points
lucybeck
lucybeck
6,055 Points

Hi Brenda, This question is listed under topic: "general discussion". If you submit this question under the topic you are studying, e.g. CSS, we can see the challenge you are trying to answer. Thanks.

Chris Hall
seal-mask
.a{fill-rule:evenodd;}techdegree
Chris Hall
Full Stack JavaScript Techdegree Student 11,442 Points
Chris Hall
.a{fill-rule:evenodd;}techdegree
Chris Hall
Full Stack JavaScript Techdegree Student 11,442 Points

Try this. In the sidebar of your workspace right click, and a menu should show that includes the option "Upload File."

If that didn't work I have two quick questions for you. 1) What is the link to the video or task this is related to? 2) What browser are you running workspaces in? (FYI: Sometimes stuff only works with Chrome.)

Jake Lundberg
Jake Lundberg
13,965 Points
Jake Lundberg
Jake Lundberg
13,965 Points

I remember this challenge...the wording is a little confusing. All they are asking you to do is add img tags in the unordered list with those files names as the source for the img.

<img src="[whatever file name they mention].jpg" />

Hope this helps!

Brenda Barrios
Brenda Barrios
304 Points
Brenda Barrios
Brenda Barrios
304 Points

Thank you everyone for answering but I tried everything you said and nothing worked. I am going to leave you the link of my homework so you can see what are they asking for and how my workspace looks like. https://teamtreehouse.com/library/how-to-make-a-website/creating-html-content/organize-with-unordered-lists

jacobproffer
jacobproffer
24,604 Points

The challenge only asks you to create an un-ordered list with three list items that each contain an image.

Like so:

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

However, there's no need to worry about uploading images for a challenge.

Brenda Barrios
Brenda Barrios
304 Points
Brenda Barrios
Brenda Barrios
304 Points

Thank you so much Jacob and Jake, it really helped me!