MobileRead Forums - View Single Post

mattmc · 08-28-2015, 06:16 PM

Okay, so a rather mundane problem:

I have a book that I'm starting to QC for KF7, and among the lack of font embedding and lack of right margins, I'm having trouble sizing the images.

The images in my book are generally larger than they need to be, and I've been using CSS to percent-size their width, which works fine on ePub readers and KF8 readers and so on.

For KF7, some cursory googling told me that percentage sizing doesn't work, and I need to size by px. However, changing width:17% to width:50px doesn't seem to do anything--the image still fills my whole K1 screen. I've also tried inlining that CSS on the <img> element, and even just straight-up width="50px" as an old-school attribute. No dice.

The only way I've managed to change the size is by going in and changing the actual size of the image, and I'd rather not do that if possible.

As a note, I've been using Kindle Unpack to rip apart the resultant Mobi, and in the case of the width:... CSS, I couldn't find any resultant attrs on the element.

Does anyone have any advice on this, and particularly any examples of books with CSS-resized images, known to behave correctly on a KF7 reader?

08-28-2015, 06:16 PM	#1
mattmc Connoisseur Posts: 89 Karma: 185923 Join Date: May 2015 Device: iPad 1/2/Air, K3/PW2/Fire1, Kobo Touch, Samsung Tab, Nook Color/Touch	KF7 Image Sizing Okay, so a rather mundane problem: I have a book that I'm starting to QC for KF7, and among the lack of font embedding and lack of right margins, I'm having trouble sizing the images. The images in my book are generally larger than they need to be, and I've been using CSS to percent-size their width, which works fine on ePub readers and KF8 readers and so on. For KF7, some cursory googling told me that percentage sizing doesn't work, and I need to size by px. However, changing width:17% to width:50px doesn't seem to do anything--the image still fills my whole K1 screen. I've also tried inlining that CSS on the <img> element, and even just straight-up width="50px" as an old-school attribute. No dice. The only way I've managed to change the size is by going in and changing the actual size of the image, and I'd rather not do that if possible. As a note, I've been using Kindle Unpack to rip apart the resultant Mobi, and in the case of the width:... CSS, I couldn't find any resultant attrs on the element. Does anyone have any advice on this, and particularly any examples of books with CSS-resized images, known to behave correctly on a KF7 reader?