I want to do an interactive book, kind like a website. My tables contain informations and will have hyperlinks which direct to other sections in the document.
I am doing a ebook,first version using word, then converted in a PDF document, using pages 8 1/2 X 11. But if I want my book to be readable for epub, I have to make a epub document, using SIGIL, since I did not fond
ANY PDF to EPUB converter able to keep my tables the way they are.
The suggestion of making my tables in % instead of pixels is a good idea, think I will try it. My concern though was to figure out the size of all elements on my page for it to be readable for users of tablets or epub reading programs. But then... maybe I'll reach enough people only with a PDF document...
Just for you to have an idea of my project, here's the code to my first table, using SIGIL :
<table style="background-color: rgb(194, 219, 133); margin-left: 50px;font-family: Arial, sans-serif;">
<tbody>
<tr>
<th rowspan="7" style="text-align: center; vertical-align: top; height: 325px; width: 240px;"><img alt="sapin" src="../Images/sapin.JPG" style="height: 300px; width: 210px; margin-top: 5px;margin-left:0px;" /><br /></th>
<th colspan="4" style="text-align: left; height:50px; width:390px; font-size:22px">Parties utilisées</th>
</tr>
<tr>
<td style="text-align: center; height: 25px; width: 25px;"><img alt="bouton_fleur" src="../Images/bouton_fleur.jpg" style="height: 23px; width: 23px;" /><br /></td>
<td style="height: 25px; width:170px; font-size:18px;"> aiguilles</td>
<td style="text-align: center; height: 25px; width: 25px;"><img alt="bouton_fleur" src="../Images/bouton_fleur.jpg" style="height: 23px; width: 23px;" /><br /></td>
<td style="height: 25px; width:170px; font-size:18px"> cônes</td>
</tr>
<tr>
<td style="text-align: center; height: 25px; width: 25px;"><img alt="bouton_fleur" src="../Images/bouton_fleur.jpg" style="height: 23px; width: 23px;" /><br /></td>
<td style="height: 25px; width:170px; font-size:18px"> bois</td>
<td style="text-align: center; height: 25px; width: 25px;"><img alt="bouton_fleur" src="../Images/bouton_fleur.jpg" style="height: 23px; width: 23px;" /><br /></td>
<td style="height: 25px; width:170px; font-size:18px"> écorce</td>
</tr>
<tr>
<td style="text-align: center; height: 25px; width: 25px;"><img alt="bouton_fleur" src="../Images/bouton_fleur.jpg" style="height: 23px; width: 23px;" /><br /></td>
<td style="height: 25px; width:170px; font-size:18px"> bourgeons</td>
<td style="text-align: center; height: 25px; width: 25px;"><img alt="bouton_fleur" src="../Images/bouton_fleur.jpg" style="height: 23px; width: 23px;" /><br /></td>
<td style="height: 25px; font-size:18px"> racines</td>
</tr>
<tr>
<td style="text-align: center; height: 25px; width: 25px;"><img alt="bouton_fleur" src="../Images/bouton_fleur.jpg" style="height: 23px; width: 23px;" /><br /></td>
<td style="height: 25px;width:170px; ; font-size:18px"> branches</td>
<td style="text-align: center; height: 25px; width: 25px;"><img alt="bouton_fleur" src="../Images/bouton_fleur.jpg" style="height: 23px; width: 23px;" /><br /></td>
<td style="height: 25px; width:170px; font-size:18px"> résine</td>
</tr>
<tr>
<td style="text-align: center; vertical-align: top; height: 25px; width: 25px;"><img alt="bouton_fleur" src="../Images/bouton_fleur.jpg" style="height: 23px; width: 23px;" /><br /></td>
<td style="height: 25px; width:170px; font-size:18px"> bleu<br /></td>
<td style="text-align: center;"><img alt="bouton_fleur" src="../Images/bouton_fleur.jpg" style="height: 23px; width: 23px;" /><br /></td>
<td style="height: 25px; width:170px; font-size:18px"> bleu</td>
</tr>
<tr>
<td style="text-align: center; vertical-align: top; height: 25px; width: 25px;"><br /></td>
<td style="font-size:12px; width:170px;">cliquez sur <img alt="bouton_fleur" src="../Images/bouton_fleur.jpg" style=" height: 15px; width: 15px;font-size:12px" /> pour<br />
accéder aux parties</td>
<td><br /></td>
<td><br /></td>
</tr>
</tbody>
</table>