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

HTML How to Make a Website Creating HTML Content Build the Footer

Images are displayed upside down in the workspace preview...

Im taking this course to build my photography webpage and two of my best pics are being displayed upside down in the workspace preview. Are there any suggestions on how to fix this?

1 Answer

This most likely isn't a Workspaces issue, or even an issue with your code. I'd be willing to bet your image contains rotation Exif metadata. Different browsers and software programs may or may not interpret that metadata and apply the rotation automatically when an image is displayed. My guess is that your picture actually is upside down but contains metadata to rotate it that the browser isn't interpreting.

http://www.daveperrett.com/articles/2012/07/28/exif-orientation-handling-is-a-ghetto/

Your image editor of choice should give you some insight into the Exif data to confirm (or try this http://metapicz.com). But basically, you probably want to either strip the Exif data, or rotate your image to actually be right-side up and then modify the rotation value.

I'm not the OP, but that is some pretty interesting info.

Thanks, Nate.

what would that syntax look like in css...can i rotate it in css?