View Single Post
Old 11-10-2013, 03:39 AM   #1
MelBr
Zealot
MelBr ought to be getting tired of karma fortunes by now.MelBr ought to be getting tired of karma fortunes by now.MelBr ought to be getting tired of karma fortunes by now.MelBr ought to be getting tired of karma fortunes by now.MelBr ought to be getting tired of karma fortunes by now.MelBr ought to be getting tired of karma fortunes by now.MelBr ought to be getting tired of karma fortunes by now.MelBr ought to be getting tired of karma fortunes by now.MelBr ought to be getting tired of karma fortunes by now.MelBr ought to be getting tired of karma fortunes by now.MelBr ought to be getting tired of karma fortunes by now.
 
Posts: 105
Karma: 414068
Join Date: Feb 2013
Device: iPad Pro, Kobo Aura One
Stretched out images in an ePub (textbook)

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!
Attached Thumbnails
Click image for larger version

Name:	stretch.jpg
Views:	509
Size:	101.7 KB
ID:	114940  
MelBr is offline   Reply With Quote