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

Trouble with the Challenge

In the challenge for Images and Lists under Text Editors and HTML, the second challenge is "Assuming an 'img' directory with an image 'cupcake.jpg', add the image to the body of the document." I have done that, once I typed it in, a second time I have copied and pasted from CodePen and both times it generates the image in the images space to the right of the editor. But in the editor I receive the "Bummer! Double Check Your Image Path. Recheck Your Work" notice. Why would it generate the image correctly only to tell me to Double Check My Image Path. I have double even triple checked the path and it's accurate. Any ideas? Thanks in advance!

6 Answers

Corbin Balzan
Corbin Balzan
11,751 Points

Make sure to add the img/ . It should work if it looks like this

img src= 'img/cupcake.jpg'.

Hey guys, thanks for the tips. I finally figured it out. My problem was copying and pasting from codepen. It was not the html code I was needing. I assumed it was the same thing that I needed but it was a different img code. Thanks!

Would you mind sharing a link to your codepen with your code?

Or not, since I got voted down. LOL!

Katrina, I'm not sure what code you're referencing with codepen. I just clicked on the codepen link provided on the treehouse website and it took me to the codepen webpage with all the html right there.

This is the html code I'm using. Like I mentioned, I've typed it in and I've copied and pasted it. This is copied directly from codepen and is exactly what NIck used. It generates the Smells Like Bakin image but does not allow me to move forward. <img src="http://treehouse-code-samples.s3.amazonaws.com/WWIsland1/stage2/img/logo.gif" alt="Smells Like Bakin"> Thanks!

I see. I just mean, in the future, if you're ever having trouble w/coding, you can type your code in codepen, click "Share" and then paste the link where ever you want to look for help. That way, anyone can take a glance at your code to see if something was missed, etc...

Or pastebin, for simple code snippets. I balanced you out Kat, upvoted :)

Haha. Thanks! =)

Corbin, I'm confused. Are you suggesting to add img src= 'img/cupcake.jpg? And if so, where am I to put it? After the first img or the second img? Or are you saying that img src equals (is the same as) img/cupcake.jpg? Thanks!

Omh MG
Omh MG
19,233 Points

Hey guys,

I'm having an issue with the question "Add an empty unordered list below the image". When I do, it still tells me it's wrong and to us the ul tag. I'm using the ul tag. Any one run in to this issue or having any suggestions on how I can fix it?

There's no problem, here's the code that will get you through:

<body>
  <img src="img/cupcake.jpg">    
  <ul></ul>
</body>
Omh MG
Omh MG
19,233 Points

Hey Thomas,

Thanks for that. Apprently the system wasn't happy with the way my code was aligned. You answer helped.

Now worries :)