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 How to Make a Website Adding Pages to a Website Make an About Page

Picture on About Page

I am trying to add the photo for my about page on my website. However, before I did this I uploaded it treehouse and the picture went from being vertical to being sideways. How can I fix this? Also how do I correctly add my photo into the code.

Thanks for your help.

4 Answers

Jonathan Grieve
MOD
Jonathan Grieve
Treehouse Moderator 91,253 Points

Hi Courtney

Depending on where the image is in your server, in relation to your index.html file, you just add an image with the

<img src="folder/filename.png" />

As for the problem with the flipped Image I'm not sure about that... do you have a copy of the image before you uploaded it to Treehouse? Do you know how to get it onto your server using ftp?

Hi Jonathan,

Yes, I do have a copy of the photo. I made the image smaller in edit mode on my desktop and reloaded it, but it didn't help. I don't understand your second question. What is ftp?

Correction: I fixed the photo flip :D

Jonathan Grieve
Jonathan Grieve
Treehouse Moderator 91,253 Points

Great about the photo flip. :)

FTP is File Transfer Protocol which is a way of uploading files and web pages to your website. I think Nick goes through a video on how to do this once the website your building is done.

For now just know that you get images to show up on your page specifying the file path to the image with the HTML image element. :-)

Okay, thank you so much for your help.