Hi all,
I have an issue with all of the images in my textbook looking stretched. It just looks horrible and, frankly, it's unusable because it looks so bad. I've tried various viewers and images look stretched out in all of them. I've included the screenshot from Calibre.
I've gone through the source and images are included as:
Code:
<p class="calibre1"><a id="filepos5072701"></a><img alt="Image" src="images/01268.jpg" class="calibre1302"/></p>
and CSS for that looks like:
Code:
.calibre1 {
display: block;
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
margin-top: 1em;
text-align: center;
text-indent: 1.5em
}
.calibre1302 {
height: 1503px;
width: 1706px
}
The result is the pic that looks stretched out as the screenshot below.
Is there a way to tell viewers to size images proportionally so I can read what they're saying? Also, considering this book has 1000+ images, what's the easiest way of accomplishing that?
THANK YOU!