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
Joseph Hill
568 Pointshaving 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
45,783 PointsJoseph,
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
Joseph Hill
568 PointsThank 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
45,783 PointsJoseph,
Try adding your code to this post again; it looks like it didn't take.
Erik
Joseph Hill
568 PointsCould 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
Treehouse TeacherTo 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.
Joseph Hill
568 PointsYes 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 , but I must be doing something wrong because I only get text and not the screenshot I want displayed.
Erik McClintock
45,783 PointsGreat 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