07-03-2018, 07:07 PM | #1 |
Junior Member
Posts: 2
Karma: 10
Join Date: Jul 2018
Device: Kindle Paperwhite
|
Frustrated with 3 column layout
I just finished with all the formatting for a chess book for kindle. For the main chess notation in the book, I created a three column CSS/HTML. I package it all together in an epub from the command line and then create the mobi/kf8 using kindlegen.
I submit it through KDP, and once done, I download the mobi file that the KDP setup offers so that you can upload onto your kindle devices to ensure it looks correct. And it does. I have a kindle fire 10, a kindle fire 7, a kindle paperwhite, a mobile phone, and the kindle previewer software. On all five, the columns look perfect (see screenshot below). However, the columns look off on the KDP online previewer, but I figured since I downloaded the source file and uploaded into all kindle devices directly, that it was fine. Last night, I submitted the file for publication. Today, I view the look inside, and it too looks perfect. I'm pretty satisfied, except I decided to download a "sample preview," and low and behold, the columns are way off just like the online previewer. I unpublished immediately, and I feel awful because one person bought the book in the short period after it went live and before I could unpublish. I am very frustrated at this point and I am looking for any advice. Here is the HTML I'm using for the columns. <div class="container"> <div class="column-left"> 6 </div> <div class="column-center"> e5+ </div> <div class="column-right"> <span class="b">K</span>e6 </div> </div> and the CSS: .column-left{ float: left; width: 7%; margin-left: 30%; font-weight: bold;} .column-right{ float: right; width: 15%; margin-right: 20%; font-weight: bold; } .column-center{ display: inline-block; width: 15%; padding-left: 5%; font-weight: bold;} Here are the screenshots. The top screenshot is of the downloaded file from the KDP setup process (looks perfect), and the bottom screenshot is from the actual file you receive when buying/sampling. Thank you Steven |
07-04-2018, 12:01 AM | #2 |
Junior Member
Posts: 2
Karma: 10
Join Date: Jul 2018
Device: Kindle Paperwhite
|
I figured it out. Had to use a table instead.
|
07-04-2018, 03:07 AM | #3 |
Bookmaker & Cat Slave
Posts: 11,482
Karma: 158448243
Join Date: Apr 2010
Location: Phoenix, AZ
Device: K2, iPad, KFire, PPW, Voyage, NookColor. 2 Droid, Oasis, Boox Note2
|
Yes---and even then, I fear you're going to find that the padding won't work quite as you hoped, and the LITB has a highly unfortunate habit of doing very very fugly things, when you have multi-row tables, but good luck with it!!!
Hitch |
07-12-2018, 11:34 AM | #4 |
mostly an observer
Posts: 1,515
Karma: 987654
Join Date: Dec 2012
Device: Kindle
|
"Fugly" -- I like that, and will probably steal it. love - NJ
|
07-12-2018, 12:21 PM | #5 |
Bookmaker & Cat Slave
Posts: 11,482
Karma: 158448243
Join Date: Apr 2010
Location: Phoenix, AZ
Device: K2, iPad, KFire, PPW, Voyage, NookColor. 2 Droid, Oasis, Boox Note2
|
|
Tags |
columns |
|
Similar Threads | ||||
Thread | Thread Starter | Forum | Replies | Last Post |
Column layout resetting to default | Aurum2836C | Library Management | 13 | 02-25-2016 06:57 PM |
Reset column layout in editor | allandale1 | Editor | 3 | 06-11-2014 02:27 PM |
Calibre not remembering column layout | toomuchreading | Calibre | 22 | 07-30-2011 12:01 PM |
Column layout | SmellySkunk | Calibre | 9 | 04-03-2011 12:44 PM |
ePub with two column layout | bhuvana786 | ePub | 3 | 02-19-2010 07:35 PM |