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
Sue Cowell
138 PointsJamican Me Crazy!
<img src="img/logo.gif" alt="Smells Like Bakin">
In task area and cannot get out! Keeps telling me to check my image path. I've done so a dozen times....and it matches Nick's lesson. I've even tried it with and without the ' after bakin! Help me see the error of my ways!
9 Answers
David Roberts
6,191 PointsHey Sue-
If you are using the code that you posted which was:
<img src="img.logo.gif" alt=Smells Like Bakin>
you are going to have problems (which of course you already know.). The correct way to get this to work is:
<img src="img/logo.gif" alt="Smells Like Bakin">
Your project should have several folders in it. Probably a css folder, and img folder which will all sit within the main project folder. In that main project folder will sit the index.html (which you are working on). The tag breaks down like this: img=tells the browser that it is looking for an image. src= is the source or place where the image is located. "img/cupcake.jpg" tells the browser to go into the folder named "img" and look for the cupcake.jpg file. It is important that if have the / and not a period like the one you posted. This should get the image file to show up.
here is an article that might help (disclaimer: I didn't read it all thoroughly) http://www.htmlquick.com/tutorials/organizing-website.html
I think Nick did a video or something here not too long ago about working with files...might be worth looking into that...
Hang in there, it does get easier (and harder too I guess), you will have your aha moments where what you are struggling with will "click"
David Roberts
6,191 PointsYour question is vague. Can you post the task, and your code?
Sue Cowell
138 PointsSorry, David, I cut and pasted the text from the editor, but I see it didn't show up.
<body> <img src="img/logo.gif" alt="Smells Like Bakin'> </body>
Is there a way to view the error of your ways? Seems just telling me to review my path is not enough (at least for this newbie!) I have a rudimentary understanding of html, but coding is brand-new to me. I believe this is task 2 or 3 of the basic web developement section. Any help would be greatly appreciated!
David Roberts
6,191 PointsSue-
Try pasting your code between and Hopefully that should allow it to show up here.
Sue Cowell
138 PointsRussell suggested another way to write it, but, of course, that solution won't match the lesson.
Hope this code shows up!
and<img src="img/logo.gif" alt="Smells Like Bakin">and
This is, as best I can see, exactly as the instructor Nick wrote it! Ru
Russell Wood
12,088 PointsSue,
If you're adding an image to your page, use the format
<img src="folder/imagefile.ext" alt="Image description" />
You can also check out: [HTML <img> Tag](www.w3schools.com/TAGS/tag_img.asp)
Russell Wood
12,088 PointsSorry, that should have come out as [HTML <img> Tag](www.w3schools.com/TAGS/tag_img.asp)
Sue Cowell
138 PointsThis makes sense to me, but not as described in the lesson. I'm unclear why it WOULD work the way it is explained in the lesson. There is no folder indicated...I've tried typing the code in these messages and will try again with David's tip: and<img src="img/logo.gif" alt="Smells Like Bakin">and
This is, as best I can see, exactly as the instructor Nick wrote it!
Sue Cowell
138 PointsI see the code is not there. I bet I should have clicked that html button, huh. Don't see a way to add it now. Please advise.
Sue Cowell
138 PointsI guess I will have to create a new thread. Cannot access that feature here.
David Roberts
6,191 PointsSue- Try clicking the "markdown cheatsheet" below where you type your question...it will give you the correct way to post code on the forum. I am certain once we see exactly what you are trying to do vs what you are doing, we can get it sorted out.
This stuff stumps us all sometimes, keep going, it will all make sense soon enough!
Sue Cowell
138 PointsDavid, your obviously one nice guy (Lord knows you have better things to do with your time) but I'm so frustrated that I could chew nails and spit tacks! I know this learning curve is necessary, but yowsa! does it have to be so painful? lol.
The project I'm working on is "Build a Simple Website" and suffice it to say that I have typed the code exactly as given in Nick's example. That said, I feel my problem may be related to the index file opened in the browser. I will type the line of code without the starting and ending brackets. Again, this is the line of code by the instructor, Nick. And I do have opening and closing body tags before and after. There is an error in it, btw, inasmuch as the word Bakin should be followed by a ' before the quote.
img src="img.logo.gif" alt=Smells Like Bakin"
Now, how does the system find that pic without telling it the location? No file name? Doesn't make sense to me! Can you recommend an article or site that will give me an overview of the hierarchy? I don't do as well blindly following along as this tutorial requires. Also, although this is a beginner course, there was no explanation of 'how it works.' Need some sense of that, ya know?
Russell Wood
12,088 PointsIf you are on the task I believe you're on, the task is for you to place an image named 'cupcake.jpg' in the body of the document. Given an image located in the "img" directory, you tag should look like:
<img src="img/cupcake.jpg" />
That should be placed between your <body> </body> tags. And the link I post above was appended to this site address for some reason. Try going to: www.w3schools.com/TAGS/tag_img.asp for more information about img tags.
Russell Wood
12,088 PointsSue, Try the code above. If you are stuck on the task, that should get you by. I've reviewed the lesson video and it appears that the only difference is the lack of "alt" text.
Sue Cowell
138 PointsHad to duck out and pick up some meds for my dental visit tomorrow. This site is GREAT! Zactly what I wanted to see. I'll read this before going back to this. BTW, the line of code was writen as you have it in the second example. I have typed it so many times now I feel like I know it by heart...so when I FINALLY get it so you can see it, I screw it up! On my project file it was written correctly. Still think I don't have the image file accessible to the editor. Hence the link info you provided. Many, many thanks for being mah-valous!