Text overlapping images in Nook, Aldiko

[djkmann]

Hello, I am encountering the text-over-images issue when my EPUBs are viewed on a Nook, or Nook for PC, or Aldiko on Android tablet. I have read the other related posts, but they do not help me with my issue or I am unable to fully understand the solution. This issue only occurs when an image appears at or near the bottom of a page. The image repeats on the next page, with the subsequent text over it.

Please, if possible, give specific instruction such as "delete this code, and add this code" or "use this conversion setting" rather than the more general "you need to dictate the size of your images" etc. I can fix HTML code and find my way around Calibre, but I am not completely fluent in Epub and Calibre conversions and lingo.

I typically save a Word DOC as HTML (filtered) then convert it in Calibre to EPUB. In addition to what I can do to fix existing EPUBs with this issue, is there anything I can do earlier in the process - in the original Word DOC, the Word HTML version, or in the Calibre conversion options - to prevent this in the future? Thank you for any help.

Two examples below. The second example also happens to overlap another image, but that is not the issue (I don't believe) - I guess I should say the problem image-at-hand repeats and is overlapped with the subsequent text and/or image. But typically, I just see the subsequent text overlapping the image.

Code example 1 - from EPUB file:

the camera will automatically capture images at the smaller DX size when a DX lens is being used.</p>

  <p class="MsoNormal4">&nbsp;</p>

  <p class="MsoNormal4"><img alt="" border="0" class="calibre28" src="../Images/image028.jpg" /><br class="calibre7" />
  <i class="calibre3">Figure 27 - Simulated D600 Viewfinder view, showing the full size FX image area and the approximate size of the cropped DX image indicated by the inner black line surrounding the AF brackets. Note that the DX image size aligns approximately with the Viewfinder Grid Display lines which can be turned on with Custom Setting d2.</i></p>

  <p class="MsoNormal4">&nbsp;</p>

  <p class="MsoNormal4">If the <i class="calibre3">Auto DX crop</i> option is set for

Code Example 1 - Same code but from HTML file before converting in Calibre:

the camera will automatically capture images at the smaller DX size when a DX lens is being used.</p>

    <p class="MsoNormal" style="margin-bottom:0in;margin-bottom:.0001pt">&nbsp;</p>

    <p class="MsoNormal" style="margin-bottom:0in;margin-bottom:.0001pt"><img alt="" border="0" height="255" src="../Images/image028.jpg" width="576" /><br />
    <i>Figure 27 - Simulated D600 Viewfinder view, showing the full size FX image area and the approximate size of the cropped DX image indicated by the inner black line surrounding the AF brackets. Note that the DX image size aligns approximately with the Viewfinder Grid Display lines which can be turned on with Custom Setting d2.</i></p>

    <p class="MsoNormal" style="margin-bottom:0in;margin-bottom:.0001pt">&nbsp;</p>

    <p class="MsoNormal" style="margin-bottom:0in;margin-bottom:.0001pt">If the <i>Auto DX crop</i> option is set for <i>Off</i>, the camera will

Code example 2 - from EPUB file:

You are going to want to take over control of these choices from the camera because these three settings just happen to do other things as well.</p>

  <p class="MsoNormal2"><img alt="" border="0" class="calibre36" src="../Images/image131.jpg" /><br class="calibre7" />
  <i class="calibre3">Figure 131 - Flower - A “wide” or “large” aperture creates shallow depth of field which emphasizes the subject and makes the background appear out of focus. Shutter speed 1/400, aperture f/4.5, ISO 100.</i></p>

  <p class="MsoNormal2"><b class="calibre1"><i class="calibre3">Aperture</i></b> also controls the depth of field, which is the distance range that objects will be rendered acceptably sharp.

Code example 2 - same as above but from HTML before converting in Calibre:

You are going to want to take over control of these choices from the camera because these three settings just happen to do other things as well.</p>

    <p class="MsoNormal"><img alt="" border="0" height="576" src="../Images/image131.jpg" width="576" /><br />
    <i>Figure 131 - Flower - A “wide” or “large” aperture creates shallow depth of field which emphasizes the subject and makes the background appear out of focus. Shutter speed 1/400, aperture f/4.5, ISO 

100.</i></p>

    <p class="MsoNormal"><b><i>Aperture</i></b> also controls the depth of field, which is the distance range that objects will be rendered acceptably sharp.