You not only need to rotate the image, you need to rotate the sizing. Say you have an image which is 1000px x 1500px and the class used for the image in the stylesheet and using your second image) is something like:
Code:
author_pic {
width: 300px;
height: 200px;
}
When the image was rotated, you would need to change that code to something like:
Code:
author_pic {
width: 200px;
height: 300px;
}
Personally, I would use a % for the sizing so something like:
Code:
author_pic {
width: 40%;
height: auto;
}
You may also find this done in inline code so instead of something like:
Code:
<img alt="Stratofortress" class="imagew_50" src="../Images/image00344.jpeg"/>
you would see this:
Code:
<img height="163" alt="Stratofortress" src="../Images/image00144.jpeg" width="325"/>