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 Mitchell Vedanayakam
Mitchell Vedanayakam
1,045 Points

How do i import my own pictures into the code?

I am aware that there are pictures already in the IMG tab and we create paths to display them, but I was wondering how I would go about using my own pictures. by personalizing this project I feel like I retain more info but it is just a little unclear how I would get my pictures into that folder.

2 Answers

KRIS NIKOLAISEN
KRIS NIKOLAISEN
54,967 Points

Are you talking about a workspace? If so you can drag and drop files to the lower left corner of the workspace or choose menu File > Upload File.

Sebastian Vuye
Sebastian Vuye
10,082 Points
Sebastian Vuye
Sebastian Vuye
10,082 Points

You can upload your image file in the teamtreehouse workspace you are working in.

Click on FILE > UPLOAD FILE in the left corner of the workspace. Check out here

or upload your image on a free image host like https://www.imgur.com.

then in your code reference to your image in your folder or to the image host site you have uploaded your image to.

<img src="yourImage.jpg" alt="your image alt text">