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

General Discussion

Posted by becky f
becky f
Courses Plus Student 344 Points

Displaying images in Browser

My images are not showing up in the browser page for the "Smells Like Bakin'" exercise. I have the code exactly how it was shown but i only get the alt text not the images?what should I do?

Adam Sackfield
Adam Sackfield
Courses Plus Student 19,663 Points

Just copying the text as shown in the videos will not do as this tells the browser where to find the files. Without knowing your folder structure its hard to give an answer.

6 Answers

Kelvin Atawura
seal-mask
.a{fill-rule:evenodd;}techdegree
Kelvin Atawura
Front End Web Development Techdegree Student 19,022 Points
Kelvin Atawura
.a{fill-rule:evenodd;}techdegree
Kelvin Atawura
Front End Web Development Techdegree Student 19,022 Points

l agree with Adam Sackfield . copy the project files from the video to make sure you got the code same as Nick. then copy the video into your html and ccd file as usual. it should work then

becky f
PLUS
becky f
Courses Plus Student 344 Points
becky f
becky f
Courses Plus Student 344 Points

so you're saying i need to be more specific with specifying the location of the folder...I'll try that - thanx guys (i guess that wasn't clear in the video)

Adam Sackfield
Adam Sackfield
Courses Plus Student 19,663 Points

Yes the browser will take the path literally and if it doesn't find it where specified it will give up.

Jason Lutz
Jason Lutz
2,440 Points
Jason Lutz
Jason Lutz
2,440 Points

I was having the same problem. I was keeping my index.html and img folder in a separate folder within my "Treehouse Projects" folder. Then I tried unzipping the img files, and that didn't work either. Finally I copy and pasted the img folder and index.html onto my desktop. Now, the photos show up properly. (I am Sublime Text 2 btw)

Adam Sackfield
PLUS
Adam Sackfield
Courses Plus Student 19,663 Points
Adam Sackfield
Adam Sackfield
Courses Plus Student 19,663 Points

I see a lot of new members with similar issues, here is what I do to stay organized, firstly I have a secondary hard drive called D: and inside here i have a folder called development where i keep all my projects.

So say i get a new job from a company called "headtablet" first thing i do is goto the development folder and create a new folder called "headtablet" (Easy to find) now this next part you don't have to do exactly like me but you can use the idea and technique (apart from the Git part if your not used to GitHub).

So once my new project has a home i will load up command prompt and one of my git repo's i made into the new project folder (headtablet) project-go I call it. Now all this is is a folder structure I use all the time and got sick of re creating so inside it has the following:

A folder called "CSS"

style.css
style.scss

So the CSS folder has the style.css file already created and i have it including normalize and a grid system. Also has sass functions but thats not relevant.

A folder called "FONTS" - This just houses a placeholder file. So the folder is ready to add in the fonts.

A folder called "IMG" - Again this has a placeholder file.

A folder called "JS" - This has jquery file already included.

Then we have an index.html file which is populated with the following content: 

<!doctype html>
<html lang="en">
<head>
    <link rel="stylesheet" href="css/style.css" media="screen">
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>



    <script src="http:/code.jquery.com/jquery-1.10.2.min.js"></script>
    <!-- <script src="http:/code.jquery.com/lib/jquery.2.0.1.js"></script> --> <!-- Fallback if CDN is down -->
</body>
</html>

You see the point is that the link tags are already on the index.htmll page and jquery linked to CDN with the link to the file as a fallback.

You don't have to use mine but have a look and create your own routine and structure, once mastered it will become second nature. Then you can spend time on what you came here for, learning to become designers or developers

Any questions give me a shout on here or twitter @Sacki2013

becky f
PLUS
becky f
Courses Plus Student 344 Points
becky f
becky f
Courses Plus Student 344 Points

I guess i'm still new at this and i'm not quite sure if i get it...my folder that i downloaded from the exercise files or on my desktop..so how would i write it exactly...?i tried doing what jason said but it still didn't work..maybe i'm not writting the code correctly..i wish this was better explained in the video..b/c now my normalize.css file is also not loading in bowser...i followed everything that was taught in the video

kyle dennis
kyle dennis
437 Points
kyle dennis
kyle dennis
437 Points

I was looking everywhere trying to figure it out but what happened was I moved my files, but didn't remember to change the search directory in the browser. So it was looking in a folder that I moved it out of.