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 Treehouse Club: CSS My First Web Page Introduction to My First Web Page

Posted by CHANTRICE BURNEY
CHANTRICE BURNEY
983 Points

I am trying to upload a picture with CSS for the first time. I have the image on the page but it is showing up sideways.

I am trying to upload a picture with CSS for the first time. I have the image on the page but it is showing up sideways. This is not the image that is shown on my desktop of the photo. Any help would be appreciated.

Steven Parker
Steven Parker
231,269 Points
Steven Parker
Steven Parker
231,269 Points

Do you mean upload it to a workspace? If so, you can make a snapshot of your workspace and post the link to it here. That will make it easy to replicate the issue a possibly suggest a solution. And I'm quite curious to see it!

CHANTRICE BURNEY
CHANTRICE BURNEY
983 Points

https://w.trhou.se/8j9mcfu80j I am not sure if I did the snapshot correct. Thank you for the help.

3 Answers

Steven Parker
Steven Parker
231,269 Points
Steven Parker
Steven Parker
231,269 Points

Perfect snapshot. :+1: And that photo is clearly rotated clockwise, even before putting on the web page.

What kind of desktop are you viewing the photo with? Is it possible the viewing application is "fixing" the orientation for you? And does it have the ability to manually rotate? I know Windows Photo Viewer does. If you're using that, or something like it, you could try rotating the photo 1/4 turn counterclockwise and upload it again.

There are ways to rotate things on the web page using CSS, but it shouldn't be necessary to use them in this case. We just need to reorient the photo and upload it.

CHANTRICE BURNEY
CHANTRICE BURNEY
983 Points
CHANTRICE BURNEY
CHANTRICE BURNEY
983 Points

https://w.trhou.se/jzaorqqmpv You were correct. My computer runs on Windows 10 and the HP picture viewer was auto-correcting the image. Thank You So Much!

Steven Parker
Steven Parker
231,269 Points
Steven Parker
Steven Parker
231,269 Points

Glad to help. I assume the car was stopped when you took that! :wink:

CHANTRICE BURNEY
CHANTRICE BURNEY
983 Points
CHANTRICE BURNEY
CHANTRICE BURNEY
983 Points

Of course it was. Georgia does not hesitate to give tickets and I don't make a developers income just yet! Thank you again!