Picture rotated in web page, normal in file?

+1 Cooper Cecil · September 5, 2014


What happened? I have a normal picture in a file, and when I grabbed it and set it in the web page, it rotated sideways to the left. I even reduced the size to make sure its not a sizing issue. Small picture rotated sideways. What did I do, or how do you fix it? Are these kind of bugs common in programing?

Thanks.

Coop

Post a Reply

Replies

Oldest  Newest  Rating
0 Cooper Cecil · September 5, 2014
/images/forum/upload/2014-09-05/2d8f1fd279882565a5f9a7de7fe6d94f.png
+2 Steve Myers · September 5, 2014
Not sure if this would make any difference, but is it possible that the original picture was sideways, and then edited to appear right-side up?

I'm wondering if the original orientation is embedded in the picture and it rotates each time you open it? Not really sure how that stuff works.
+1 Kaveh Greenwood · September 6, 2014
What Steve is saying may be the case. There is no CSS to orient the picture.
+3 Jay Tauron · September 6, 2014
you can use css:
.img-class {
(-prefix-)transform: rotate(90deg);
transform: rotate(90deg)
}
0 Cooper Cecil · September 7, 2014
Thanks Jay. I'm kinda new at this. I placed it in the head after creating the style css and it didn't change anything. Can you expand on this and also how to differentiate rotating one picture and not the other?

Thanks,

Coop
0 Cooper Cecil · September 7, 2014
Just the one Komodo has. I can use Safari or Google. It is not launched on the web though.
0 Cooper Cecil · September 7, 2014
Yeah, no problem seeing the page, the picture is just not aligning right.
  • 1

HTML / CSS / Web Design

107,271 followers
About

Discuss, share, ask, learn and teach HTML5 and CSS3.

Links
Moderators