![]() |
#1 |
Member
![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() Posts: 86
Karma: 12586
Join Date: Nov 2012
Device: Ipad and Kindle Fire
|
Floating left -right columuns in KF8 with different devices
With CSS it is possible to make a two column section within an epub by using div tags and floating them left or right. By converting the epub to mobi with kindlegen, I can get two columns (pic on left and text on right) to work in kindle fire but not on an e-ink kindle. Is it the case that floating does not work at all with e-ink kindles, even if they are kf8, or is there a way to get it to work?
A supplementary question is that while the text and images in side by side div tags looks fine on the kindle fire, on kindle previewer when Kindle Paperwhite is selected, the text overlaps the image and needs much higher margins to keep them apart. Is this an issue with Kindle Previewer or something to do with Paerwhite devices? Any help would be appreciated. |
![]() |
![]() |
![]() |
#2 |
Member
![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() Posts: 86
Karma: 12586
Join Date: Nov 2012
Device: Ipad and Kindle Fire
|
The answer is 'Yes you can'
I can now answer my own question: you can get text to float around images on e-ink kindles. I got this to work by setting the widths of the div tags in percentages rather than pixels.
I still have the problem that as the resolution of kindle fire is higher than e-ink kindles, the images are larger on the e-ink kindle. Thus to set a div tag wide enough to include the image on the e-ink kindle and leave the text a suitable distance to the right, means that there is a large gap between the image and the text in the kindle fire, where the image is much smaller. |
![]() |
![]() |
Advert | |
|
![]() |
#3 |
Zealot
![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() Posts: 119
Karma: 28454
Join Date: Apr 2011
Location: Yuma, AZ
Device: Kindle Touch, Voyage
|
Thank you for providing that information.
|
![]() |
![]() |
![]() |
#4 |
Bookmaker & Cat Slave
![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() Posts: 11,503
Karma: 158448243
Join Date: Apr 2010
Location: Phoenix, AZ
Device: K2, iPad, KFire, PPW, Voyage, NookColor. 2 Droid, Oasis, Boox Note2
|
This does NOT work on all e-ink Kindles. It works on KF8 enabled e-inks only (the Paperwhite, the newer 3 or 4's). It does NOT work on any KF7 devices, the Kindle, Kindle2 or DX, no matter how new. You cannot float images on any of the older or K7-compatible e-ink Kindles.
Hitch |
![]() |
![]() |
![]() |
#5 | |
Zealot
![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() Posts: 119
Karma: 28454
Join Date: Apr 2011
Location: Yuma, AZ
Device: Kindle Touch, Voyage
|
Quote:
|
|
![]() |
![]() |
Advert | |
|
![]() |
#6 | |
Bookmaker & Cat Slave
![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() Posts: 11,503
Karma: 158448243
Join Date: Apr 2010
Location: Phoenix, AZ
Device: K2, iPad, KFire, PPW, Voyage, NookColor. 2 Droid, Oasis, Boox Note2
|
Quote:
Hitch |
|
![]() |
![]() |
![]() |
Tags |
columns, css float command, e-ink kindles, kindle fire, mobi |
|
![]() |
||||
Thread | Thread Starter | Forum | Replies | Last Post |
Content KF8 only or combined KF8/Mobi | JSWolf | Amazon Kindle | 9 | 06-03-2012 10:11 PM |
floating by! | euterpe | Introduce Yourself | 4 | 04-01-2012 06:37 PM |
'Floating' illustrations | lindsayw | Workshop | 10 | 08-31-2011 11:33 PM |