Quote:
Originally Posted by Le_Sparte
Well, everything went fine. I'm ok with my styling (no vertical-align for my title, but there's no way to do it, right?).
There's a last problem though. I now have a three-pages TOC. I'm fine with it, but if I select the start of the book with the previewer, the second page of my TOC shows up.
Hitch, you're saying there's absolutely no tick to change this?
|
I have had to clean up a few books that had really ugly TOC's....100+ chapters all named "1", "2", "3", etc.
I didn't like having several pages of numbers either so I did something that some people would consider taboo...I used a table.
I created a table with 4 columns and then just put the first several chapters in column 1, the second in column 2, etc. so I ended up with a TOC that looks like:
Cover
Dedication
Chapters:
1 11 21 31
2 12 22 32
3 13 23 33
4 14 24 34
5 15 25 35
6 16 26 36
and on...
About the Author
{note - the spacing is formatted to look a lot better in the book...it just doesn't display well on this forum. But you get the idea.}
I have not tried to get a table accepted by amazon...Hitch would definitely be able to let you know if they don't allow it...but it works very well on the ereader of my choice.
Some things to think about when using tables:
Think how it will look on a small screen...you will only get a few columns...I use 4 as a max.
Your links have to be inside the <td> tags eg. <td><a href="...">1</a></td>
I chose to just have a single row with my 4 columns so the <td> tags looked like:
Spoiler:
<table>
<tr>
<td>
<a href="...">1</a>
<a href="...">2</a>
<a href="...">3</a>
<a href="...">4</a>
<a href="...">5</a>
<a href="...">6</a>
etc.
</td>
<td>
<a href="...">11</a>
<a href="...">12</a>
<a href="...">13</a>
<a href="...">14</a>
<a href="...">15</a>
<a href="...">16</a>
etc.
</td>
<td>
<a href="...">21</a>
<a href="...">22</a>
<a href="...">23</a>
<a href="...">24</a>
<a href="...">25</a>
<a href="...">26</a>
etc.
</td>
<td>
<a href="...">31</a>
<a href="...">32</a>
<a href="...">33</a>
<a href="...">34</a>
<a href="...">35</a>
<a href="...">36</a>
etc.
</td>
</tr>
</table>
Of course you have to accompany this code with the proper CSS to get it to look right...an example is here...but you can change it to your tastes.
table {width:90%; margin: 1em}
td {text-align:center}
a {display:block}
I hope that helps.