MobileRead Forums - View Single Post

dawood · 10-21-2013, 12:01 PM

My Toc is basically a boring list of plates/illustrations but they space over two pages and the list looks pretty awful. So I added some css to make it multicolumn on one page something like this:

http://www.r0t.co.uk/sshots/shot-2005598872.png

Code:

.tableofcontents {
-moz-column-count: 3;
-moz-column-gap: 10px;
-webkit-column-count: 3;
-webkit-column-gap: 10px;
column-count: 3;
column-gap: 10px;
margin-left: 10%;
text-align: left;
}

It works in epub but mobi doesn't like that at all and right aligns it in a single column. Here's a shot of the inspector:

http://www.r0t.co.uk/sshots/shot-2396616129.png

Those nested blocksquotes don't look right. Any ideas what's up and if it can be fixed?

10-21-2013, 12:01 PM	#1
dawood Enthusiast Posts: 26 Karma: 10 Join Date: Oct 2013 Device: none	Multi column TOC My Toc is basically a boring list of plates/illustrations but they space over two pages and the list looks pretty awful. So I added some css to make it multicolumn on one page something like this: http://www.r0t.co.uk/sshots/shot-2005598872.png Code: .tableofcontents { -moz-column-count: 3; -moz-column-gap: 10px; -webkit-column-count: 3; -webkit-column-gap: 10px; column-count: 3; column-gap: 10px; margin-left: 10%; text-align: left; } It works in epub but mobi doesn't like that at all and right aligns it in a single column. Here's a shot of the inspector: http://www.r0t.co.uk/sshots/shot-2396616129.png Those nested blocksquotes don't look right. Any ideas what's up and if it can be fixed? Last edited by dawood; 10-21-2013 at 12:05 PM.