MobileRead Forums

MobileRead Forums (https://www.mobileread.com/forums/index.php)
-   Kindle Formats (https://www.mobileread.com/forums/forumdisplay.php?f=168)
-   -   Kindle paperwhite crop background-image on top/bottom (https://www.mobileread.com/forums/showthread.php?t=221009)

j.puff@ppp.eu 08-26-2013 07:10 PM

Kindle paperwhite crop background-image on top/bottom
 
Hello,
as describe in the AmazonKindlePublishingGuidelines we developed fixedLayout-ePub with background-images. But for compatibility with other device, such as Sony, its necessary to use also an image in the div. In the css-mediaquery this image is omitted for kindle device.
Now the problem is, that if an img-tag is in the div with the background-image the background image is cropped on top an bottom. It seems that the width is determining. Without image everything is well.
Did anyone know this problem an perhaps a solution?
Thanks for help!

Hitch 08-27-2013 04:44 PM

Quote:

Originally Posted by j.puff@ppp.eu (Post 2604615)
Hello,
as describe in the AmazonKindlePublishingGuidelines we developed fixedLayout-ePub with background-images. But for compatibility with other device, such as Sony, its necessary to use also an image in the div. In the css-mediaquery this image is omitted for kindle device.
Now the problem is, that if an img-tag is in the div with the background-image the background image is cropped on top an bottom. It seems that the width is determining. Without image everything is well.
Did anyone know this problem an perhaps a solution?
Thanks for help!


j.puff:

I'm not sure what you mean when you say:

Quote:

But for compatibility with other device, such as Sony, its necessary to use also an image in the div.
...given that a Kindle fixed-format book can't be read on a Sony. You can't make a Kindle-fixed format (FF) book that's going to work on other devices; for example, the coding for an iBooks FF book (or a Kobo) is completely different than the coding for a Kindle FF book. You can reuse some of the coding, to save some time, but you can't make a single file that will work across multiple platforms. You'll need separate files for each vendor/device. AFAIK, there isn't even a fixed-format layout for Sony, that I know of; so you need a file for iBooks, a file for Kobo, a file for B&N NookPress (if you have upload rights for this type of book) and a file for Amazon.

There's no point in attempting to create media-queries across platforms/devices in a fixed-format book. That's the gist.

Hitch

j.puff@ppp.eu 08-28-2013 12:58 PM

Thanks for the explanation!
But do you know, why background-images on a sony-reader are not scaled to the device size? iPad and Kindle-reader are able to do this.

best,
J.


All times are GMT -4. The time now is 08:01 PM.

Powered by: vBulletin
Copyright ©2000 - 3.8.5, Jelsoft Enterprises Ltd.
MobileRead.com is a privately owned, operated and funded community.