# Image doesn't rotate

**URL:** <https://forum.code.org/t/image-doesnt-rotate/31062>\
**Category:** Coding and Debugging Help\
**Tags:** csd-unit-2\
**Created:** [October 3, 2019, 7:31pm UTC](https://forum.code.org/t/image-doesnt-rotate/31062 "2019-10-03T19:31:37Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![bmendez](https://avatars.discourse-cdn.com/v4/letter/b/839c29/32.png) [@bmendez](https://forum.code.org/u/bmendez)\
**Post date:** [October 3, 2019, 7:31pm UTC](https://forum.code.org/t/image-doesnt-rotate/31062/1 "2019-10-03T19:31:37Z")

</div>

Hi there!  
One of my students i having this issue with an image( see image attached), we can’t rotate it, even though we enter a few lines on the html and then at the css we are not finding the way to fix this issue.  
Does anyone know how can we solve this?  
Thank you so much!.

 ![41%20PM](https://us1.discourse-cdn.com/flex016/uploads/codeorgforum/original/2X/1/1f9ebadaad761a10684c592ad23255c6ea24c8f9.png)

---

<div class="post-metadata">

**Author:** ![karenma](https://sea2.discourse-cdn.com/flex016/user_avatar/forum.code.org/karenma/32/4924_2.png) [@karenma](https://forum.code.org/u/karenma)\
**Post date:** [October 4, 2019, 1:51am UTC](https://forum.code.org/t/image-doesnt-rotate/31062/2 "2019-10-04T01:51:02Z")

</div>

Hi,

The easiest way to rotate the image is to rotate the image before adding the image to WebLab. By clicking on the image on computer, the student should be able to rotate the image, save to computer and upload the rotated image to WebLab.

Let me know if this doesn’t work,  
Karen

---

<div class="post-metadata">

**Author:** ![adunn](https://avatars.discourse-cdn.com/v4/letter/a/c6cbf5/32.png) [@adunn](https://forum.code.org/u/adunn)\
**Post date:** [October 25, 2019, 6:58pm UTC](https://forum.code.org/t/image-doesnt-rotate/31062/3 "2019-10-25T18:58:23Z")

</div>

My students are having the same issue. We have downloaded the photo, and it is correct in the computer files, but when we upload the images to the Web Lab they are rotated. I don’t know how to fix this issue.

We would greatly appreciate the help!

Amber

---

<div class="post-metadata">

**Author:** ![melynn](https://sea2.discourse-cdn.com/flex016/user_avatar/forum.code.org/melynn/32/4925_2.png) [@melynn](https://forum.code.org/u/melynn)\
**Post date:** [October 25, 2019, 9:09pm UTC](https://forum.code.org/t/image-doesnt-rotate/31062/4 "2019-10-25T21:09:53Z")

</div>

Hi Amber,

As @karenma stated above, the easiest way to rotate an image is in an image editing tool. You can even do this in Google Draw. Just import the image, click on the image, there is usually a rotate circle between the corner handles, and drag to desired rotation, then export.

You can also add a style. I did the following as an example.  
img src=“OULogo.png” width=“150” **style="transform: rotate(90deg);**" alt=“University of Oklahoma”

I found the above on [W3schools.](https://www.w3schools.com/cssref/css3_pr_transform.asp)

Good luck,  
Michelle

---

<div class="post-metadata">

**Author:** ![adunn](https://avatars.discourse-cdn.com/v4/letter/a/c6cbf5/32.png) [@adunn](https://forum.code.org/u/adunn)\
**Post date:** [November 5, 2019, 4:11am UTC](https://forum.code.org/t/image-doesnt-rotate/31062/5 "2019-11-05T04:11:03Z")

</div>

Thank you! The transform: rotate worked perfectly!