View Single Post
Old 10-11-2019, 04:42 PM   #3
SofAmina
Junior Member
SofAmina began at the beginning.
 
Posts: 8
Karma: 10
Join Date: Oct 2019
Device: None
Quote:
Originally Posted by pdurrant View Post
You've included the image twice in the body. Replace the entire body (from, and including, <body> to, and including, </body>) with

Code:
<body class="full-page-image">
  <div class="full-page-image">
    <img alt="Map" src="../images/00004.jpg" class="full-page-tall"/>
  </div>
</body>
and add the following the CSS file:

Code:
body.full-page-image { margin:0; padding:0; }
div.full-page-image { margin:0; padding:0; text-align:center; }
img.full-page-tall { margin:0; padding:0; height:100%; width:auto; max-width:100%; }
Hi,

Thanks for the info. I didn't expect such a quick reply. Much appreciated.

I added the code to the HTML file then the code to the CSS at block 13 (think this is the right point).

Calibre viewer is fine but Kindle previewer states source file is incomplete or corrupt.

Any further help be great.
SofAmina is offline   Reply With Quote