Image rotating automatically

0

I have a problem with my HTML / CSS ... Some images, usually large in size, are rotating by themselves ...

Below is a print for you to understand better:

Noticethatthefirsttwoimagesareinthecorrectposition,butthethirdandfourtharefacing...beingthatwhenIuploadtheyareinthecorrectposition...

Followmysource:

<div id="usr-image" class="img-thumbnail img-responsive small-spacer" style="width:100%; height:200px; background-image:url(foto-perfil/'.$fetch['id'].'-profile.jpg); background-size:cover; background-repeat:no-repeat; background-position:center; cursor:pointer;">
  <p style="color:#FFF; font-size:14px; margin-top:165px;"><b>'.$nome[0].', '.$idade.'</b></p>
</div>

I'm waiting for you, abs.

    
asked by anonymous 08.05.2017 / 19:26

1 answer

0

I've had this problem, on the pc the image is normal, when you put it on the site it rotates. To resolve this, I did the following:

Open the image in an image editor and place it in the right position if it is "turned".

  • Save the image, but do not overwrite it, save with another name. Try to put it back into your html.

  • 19.06.2017 / 14:47