View Single Post
Old 05-16-2017, 09:33 AM   #1
Sam Sahara
Connoisseur
Sam Sahara doesn't litterSam Sahara doesn't litterSam Sahara doesn't litter
 
Posts: 79
Karma: 228
Join Date: Aug 2014
Device: lambda k21
Centering an image in kobo epub

If I want to make a page with an image horizontally centered at 20% from the top, in an epub I draw a table like this:

Code:
<body>
<table border="0" width="100%" height="555em">
  <tr height="20%">
    <td width="33.3%"> </td>
    <td width="33.3%"> </td>
    <td width="33.3%"> </td>
  </tr>
  
  <tr height="30%">
    <td> </td>
    <td align="center" vertical-align="middle">
      <img src="../images/animage.jpg" width=100%/>
    </td>
    <td> </td>
  </tr>
  
  <tr height="50%">
    <td> </td>
    <td> </td>
    <td> </td>
  </tr>
</table>
</body>
It works very well.

But the same thing doesn't work into a kepub, the image is showed at full screen as if the table didn't exist.

In ADE the image is not showed at all.

QUESTION:

How can I make a page with an image horizontally centered at 20% from the top, into a kepub and that shows correctly in ADE too?

Last edited by Sam Sahara; 05-16-2017 at 12:35 PM.
Sam Sahara is offline   Reply With Quote