06-05-2013, 01:23 AM | #1 |
Junior Member
Posts: 2
Karma: 10
Join Date: Jun 2013
Device: Nexus 7
|
Help! Problem with HTML tables in epubs
Hello everyone, I'm a newbie here so please be gentle :P.
I use Sigil to create epubs for my books, which I then upload to Google Play Books and read on my Nexus 7. Everything was going well until I had to insert a two-column table. Here is the CSS stylesheet I used for the table: td.colw {width: 50%; vertical-align: text-top;} And here is the HTML code for the table within the page: <table border="1" cellpadding="3" width="100%"> <tbody> <tr> <td class="colw"><i>DUMMY TEXT</i></td> <td class="colw"><i>DUMMY TEXT</i></td> </tr> . . . <tr> <td class="colw">THIS IS A REALLY LONG TEXT.</td> <td class="colw"></td> </tr> </tbody> </table> Now, the problem is that even though everything displays fine, if there is a long piece of text in one of the columns, instead of the column splitting and the remaining text flowing to the next page from that point, the entire column is moved to the next page, leaving a lot of white space below the last column in the previous page (please refer to the 2 attached images), which looks quite ugly. My question is, is there some code which I can incorporate which makes table column text flow just like normal text and the column 'cuts' to the next page rather than completing moving itself there? Or is this is a problem with epubs which cannot be solved as of now? Thanks in advance n |
06-05-2013, 03:17 AM | #2 |
frumious Bandersnatch
Posts: 7,516
Karma: 18512745
Join Date: Jan 2008
Location: Spaniard in Sweden
Device: Cybook Orizon, Kobo Aura
|
You mean that the whole row (not column) is moved to the next page? I don't think you can do anything about that, that's reader-dependent, and some will have the other behaviour and cut the text even in the middle of a line. Using tables in ebooks is looking for problems.
|
Advert | |
|
06-05-2013, 07:37 AM | #3 |
Color me gone
Posts: 2,089
Karma: 1445295
Join Date: Apr 2008
Location: Central Oregon Coast
Device: PRS-300
|
Unfortunately true after fighting and fighting it and is true in ADE based books too. If it has to be laid out a certain way you are better off with an image of the table. But the image may be smaller than you want. Since text can get bigger, the table must be bigger and it can get bigger beyond all reason. |
06-05-2013, 10:15 AM | #4 |
Junior Member
Posts: 2
Karma: 10
Join Date: Jun 2013
Device: Nexus 7
|
Thank you for your replies, and yes sorry - I meant rows, not columns.
I tried opening the same epub in some other e-readers like Moon Reader, Cool Reader, FB Reader, Aldiko and each reader has its own quirkiness in rendering the same table. Moon Reader (although a great reader), for example, just completely ignores the table and clumps all the text together Ah well, I guess I'll just have to live with this small annoyance for now. Converting the tables to images is tricky when porting on to different sized devices. Maybe future versions of the programs will better address this situation. Cheers n |
|
Similar Threads | ||||
Thread | Thread Starter | Forum | Replies | Last Post |
Fixed spacing in HTML/CSS without tables | ink-sniffer | ePub | 25 | 04-03-2014 03:08 AM |
Touch Problem with all epubs, my epubs, or my kobo? (line clipping) | plague006 | Kobo Reader | 14 | 12-02-2011 11:32 PM |
HTML tables truncating after converting to epub | SEI Publications | Conversion | 7 | 05-06-2011 06:53 PM |
HTML to Mobi conversion with very wide tables and Index tab | sjahangi | Conversion | 0 | 04-21-2011 02:30 PM |
The Kindle supports html tables? | zwandy | Amazon Kindle | 12 | 10-01-2010 09:52 AM |