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

Challenge Task Add an Empty Unordered List

So I'm on the 3rd question for the Image and List challenge, and it's asking to add an empty and unordered list. I'm not sure what "empty" means, but I've tried doing what exactly was done in the video and it keeps saying to use the ul tags. They are there, but I'm not exactly sure what it wants.

4 Answers

Justin Horner
STAFF
Justin Horner
Treehouse Guest Teacher

Hello Matthew,

I believe you'll need to add the empty, unordered list like so.

<ul>
</ul>

All together you have this.

<!DOCTYPE HTML>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title>Smells Like Bakin' Cupcake Company</title>
 </head>

 <body>
    <img src="img/cupcake.jpg" />
    <ul>
    </ul>
 </body>
</html>

I hope this helps.

I tried that and it didn't accept it. It's still saying I'm not using the ul tag when I do that.

This is correct. You need to enter those two tags below where you entered the image

Justin Horner
Justin Horner
Treehouse Guest Teacher

I updated my answer to include the HTML document that will pass.

I have mine looking exactly like that, but it's not passing.

I took a screen shot but apparently I need a lesson in figuring out how to post that, not sure what it means in the Markdown Cheetsheet to post an image.

Have you tried something like?

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

Do you have the link to the code challenge. I'm just guessing here.

Justin Horner
STAFF
Justin Horner
Treehouse Guest Teacher

If you have a DropBox or SkyDrive account simply put the image there and create a public link. Then fill in the Markdown syntax or just post the link to the image here.

Justin Horner
Justin Horner
Treehouse Guest Teacher

Thank you for sharing that! It appears the img tag has not been closed. It should look like this.

<img src="img/cupcake.jpg" />
<ul>
</ul>

I'll try it. It's funny, I did that on the image part of the test on the previous question and it rejects it if you have it...

But that was it! Thanks!!!

And at this point, I'm just going to post a screen shot for every question I can... I worked in ecommerce for 2 years, and every tech or web issue, all the it guys were always "take a screen shot" so I should know better. lol

Posting screen shots of code that is more than a few lines isn't very helpful. What you should do instead is to post a "working" demo using something like codepen

I ran into this issue as well, working from the example on the video viewed for "Build a simple website" the image coded in the video did not have a "/>" to close the tag, also when adding the image in question 2 it was accepted without the closing tag, hence the confusion on question 3 where no clue was given that the issue was not with the ul tag instead of the image tag. Lol I know I had the "ul" tags correct, the continued "Bummer" message was frustrating until I found this thread. Thanks for the help!

It's best to think of these as hints rather than pointing to a particular issue. If your code fails the code challenge, then you just need to look back at your code and start debugging.

This thread offers some great perspective on debugging in the code challenges.