Welcome to the Treehouse Community

The Treehouse Community is a meeting place for developers, designers, and programmers of all backgrounds and skill levels to get support. Collaborate here on code errors or bugs that you need feedback on, or asking for an extra set of eyes on your latest project. Join thousands of Treehouse students and alumni in the community today. (Note: Only Treehouse students can comment or ask questions, but non-students are welcome to browse our conversations.)

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and a supportive community. Start your free trial today.

HTML Build a Simple Website Text Editors and HTML Images and Lists

having trouble

When asked for an empty unordered list under the image I believe I am doing it right but it is telling me I am not. My page looks like this: <img src="img/cupcake.gif <ul></ul>

6 Answers

Erik McClintock
Erik McClintock
45,783 Points

Joseph,

I am seeing some code rendered in your original post now, and if it is written exactly like that in your code challenge, then I see the problem(s):

1) Your ul tags are currently placed inside your img element; you need to close your img element as normal and place the ul tags on the next line beneath the img, as you would to add any additional element to a page, as follows:

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

2) Your code is showing cupcake.gif, when they specify that it is a .jpg file in the instructions.

If you fix those two things, you should be good to go (permitted the rest of the code is as presented in the code challenge)!

Erik

Thank you so much Erik and Dave. It was the open img tag. The devil is in the details with coding I hear and it proves true in this case. Don't know why I was putting .gif on my forum post because I was using .jpg on the review. Problem solved and I am now able to move on. My thanks to you as well Dave for helping me understand the formatting guidelines on this forum better. Will keep playing with adding images until i get that right, not sure what I am doing wrong.

Erik McClintock
Erik McClintock
45,783 Points

Joseph,

Try adding your code to this post again; it looks like it didn't take.

Erik

Could anyone tell me how to take a screenshot of my code in sublimetext and post it in this topic so everyone can get a true idea of what my code looks like.

Dave McFarland
STAFF
Dave McFarland
Treehouse Teacher

To add your code to a post start with three back tick characters. A back tick looks like this ` (it's not the single quote character '). You'll usually find the back tick on a key with the tilde on it: ~

Then add your code, followed by three more back tick characters. You'll end up with something like this:

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

Click the link labeled "Markdown Cheatsheet" below an answer input field for a little more information.

Yes exactly what you did there. Backticks show my code now but the format still doesn't give an accurate picture. I looked in the markdown cheatsheet and tried to add an image using ![alt text](/path/to/img.jpg "Title"), but I must be doing something wrong because I only get text and not the screenshot I want displayed.

Erik McClintock
Erik McClintock
45,783 Points

Great to hear, Joseph! You've definitely heard right, and you'll be sure to run into plenty more issues that are caused by tiny little (i.e. ridiculously obnoxious to find and fix) errors here and there; misspellings, extra or forgotten characters (as was the case here), etc. It never ends, but over time, your eyes will become trained to seek those errors out first, as they are among the most common.

Glad you're able to move on, and happy coding!

Erik