MobileRead Forums - View Single Post

rosshalde · 02-13-2015, 01:47 PM

I am trying to create an epub picture book.
I am using Sigil.
Each picture is its own "section" in Sigil
I am having trouble with the image code.
Because of the dimension of the images, landscape layout, I have reoriented all the pics so they are sideways in an effort to allow folks with simple b/w e-readers to have as large an image as possible.

The problem is with this code.

<style type="text/css">
img { height:100%; width:auto%;}
</style>

I have tried many combos of 100% and auto for each configuration, as well as auto/auto, and 100%/100%, but can't quite get it to work. Essentially, I want to keep the correct ratios between the dimensions. By the time the pic reaches 100% in height it is too wide for the screen or it will squeeze the images making it look squat.
I want to code the image so that whichever dimension it fills first, width or height, the other dimension stops there as well so it keeps proportionality.

Any advice will be much appreciated.

02-13-2015, 01:47 PM	#1
rosshalde Zealot Posts: 142 Karma: 10 Join Date: Jun 2014 Device: nook	Please Help with Code I am trying to create an epub picture book. I am using Sigil. Each picture is its own "section" in Sigil I am having trouble with the image code. Because of the dimension of the images, landscape layout, I have reoriented all the pics so they are sideways in an effort to allow folks with simple b/w e-readers to have as large an image as possible. The problem is with this code. <style type="text/css"> img { height:100%; width:auto%;} </style> I have tried many combos of 100% and auto for each configuration, as well as auto/auto, and 100%/100%, but can't quite get it to work. Essentially, I want to keep the correct ratios between the dimensions. By the time the pic reaches 100% in height it is too wide for the screen or it will squeeze the images making it look squat. I want to code the image so that whichever dimension it fills first, width or height, the other dimension stops there as well so it keeps proportionality. Any advice will be much appreciated.