Image aspect ratio

[dan2the6th]

Hi, sorry if this is an old topic, but I just encountered it.

I have a book that had some images which were incorrectly being displayed sideways (rotated 90 degrees counterclockwise). So I exported the images, rotated them clockwise, and then replaced the images in the book.

Correctly displayed, the images were now wider than they were high. When displayed in the book viewer, they were stretched out vertically and looked awful.

I noticed that they were displayed with an "img" tag using the property "class=calibre12". In stylesheet.css calibre12 looks like this:

.calibre12 {
height: 90%
width: auto
}

I had no idea what this meant, but I created a similar property for my redone images using "height: 50%", and they looked a lot better.

Can anyone explain this "height" thing, and how to determine the correct value for an image? Thanks.

[theducks]

Not answering your primary question:

The Calibre Editor ('T') has some basic Image tools.
Select (view) the image: Now the edit window will show Image type tools.
There you can Rotate, Resize or apply Image Filters(effects)

BTW not all devices honor 'Auto'

[dan2the6th]

Thank you, that's good to know. I completely missed the editor tools the first time around.

But (not to seem ungrateful) they would not have helped my basic problem of stretching out the image in the viewer.

[DNSB]

Originally Posted by dan2the6th

Thank you, that's good to know. I completely missed the editor tools the first time around.

But (not to seem ungrateful) they would not have helped my basic problem of stretching out the image in the viewer.

Since you rotated the image, I would have suggested changing your CSS to:

.calibre12 {
width: 90%;
height: auto;
}

Note the semi-colon after the entries is required for all but the last entry before the } but I use it on all entries since it doesn't hurt and helps to keep you from having issues when moving items around.

[dan2the6th]

Thanks, I'll give that a try. I obviously don't know what I'm doing with this CSS stuff, so I'm groping for a lifeline.

[Bookstooge]

Originally Posted by dan2the6th

Thanks, I'll give that a try. I obviously don't know what I'm doing with this CSS stuff, so I'm groping for a lifeline.

I hate to say it, but this is probably the best way to learn the little bit you'll need. You won't forget it, that is for sure!

Getting thrown in the deep end really makes you paddle

[dan2the6th]

Yeah, I don't know beans about HTML or CSS, but I dove into the calibre editor and figured out most of what I wanted to do with it. Fortune favors the bold!