Quote:
Originally Posted by Gramlin
Hello, would like to ask for assistance.
I'm using this style code to get an image to float, resize to larger windows but not exceed maximum. Works exactly as I would like in Sigil and iBooks. But Calibre's reader and Readium both display no change in image size, and nearby text actually overlaps the image.
.imgfexample {
float:left;
width:15%;
min-width:40px;
max-width:80px;
}
.imgfexample img {
display: block;
width: 100%;
}
Just looking for some insight into why, and whether this is controllable across readers.
|
Try supressing "width: 100%" in the ".imgfexample img" selector:
Code:
.imgfexample {
float:left;
width:15%;
min-width:40px;
max-width:80px;
}
.imgfexample img {
display: block;
width: 100%;
}
Be carefull since several ereaders don't support the property "max-width".
Rubén