Hi,
I don't think there is a working CSS solution (although you can come close using "float left, float right, etc), it never seems to work on most ereaders.
My solution when I am faced with this is to simply create an image (jpeg or png) of how I want the table to look and then use that in place of the table. This converts to all platforms and works well.
I have used svg generated images as well and they work in epubs (although I am not sure if Kindles support svg images). You can include the text in the table as an html comment (on set the display on the block to none) so that search engines in the ebook readers can still find text in the "table" which is now an image.
If you need elements of the table to be links, you can assign regions of the image to act as hyperlinks ie. an image map (at least in html you can).
Hope this helps,
KevinH
|