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

CSS

Posted by Michael Edwards
Michael Edwards
1,682 Points

Question about importing images

I am having trouble getting the pictures from the cupcake tutorial to show up on my browser page. I downloaded the pictures and am pretty sure I have it coded properly, and the browser is showing a place where there should be an image. But I can't figure out how to make the chrome browser show my pictures. Anyone have any thoughts on what I am doing incorrect?

5 Answers

Kevin Korte
Kevin Korte
28,148 Points
Kevin Korte
Kevin Korte
28,148 Points

Very likely you have an incorrect file path. What does your src path for the image look like? Does it match where the picture lives on your computer?

Corey Young
Corey Young
1,808 Points
Corey Young
Corey Young
1,808 Points

Make sure that the img file folder is in the same folder as the html file you are personally coding. You might have to look in Sublime Text and figure out where you're saving the the index.html file that you are writing. When you figure that out, drag and drop the img file folder to the same folder as your html file.

Corey Young
Corey Young
1,808 Points
Corey Young
Corey Young
1,808 Points

Open the file folder that you downloaded and open the file folder that contains your notepad document. You need the img file folder to be in the same folder as the file you are editing, not in the file itself.

Michael Edwards
Michael Edwards
1,682 Points
Michael Edwards
Michael Edwards
1,682 Points

Thank you, I did have an incorrect file path. I was copying code with the class and my images were not downloaded to the same place on my computer

Michael Edwards
Michael Edwards
1,682 Points
Michael Edwards
Michael Edwards
1,682 Points

how do you link the downloaded file folder to the html file that I am coding? I', using notepad++ and cant seem to figure out how drag and drop the img file folder to the html file that I am coding