CSS Treehouse Club: CSS My First Web Page Introduction to My First Web Page

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
159,270 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!

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
159,270 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.

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
159,270 Points

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

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