View Single Post
Old 12-12-2015, 05:00 AM   #4
zuperbuu
Junior Member
zuperbuu began at the beginning.
 
Posts: 2
Karma: 10
Join Date: Dec 2015
Device: Nook Glowlight
Quote:
Originally Posted by theducks View Post
That looks a little odd, but valid I will assume the source layout was the same

2 blank lines (the br)
the image with CSS properties of calibre4
2 blank lines

Personally, if I was coding I would just use padding: 2em 0; in calibre4
alt="Map of..." would be a better Alt tag, but there is no way Calibre can guess the image contents
There were two blank lines to give space between the image and the text above and below it, I found without them that the text got too close. I will give you idea a try and see how it goes.

Quote:
Originally Posted by gbm View Post
Use this:
Code:
<div="calibre2"/><img src="images/map.jpeg" alt="****" class="calibre4"/></div>
Then fix your line spacing in the css style sheet.

I have found that using two <br /> causes problems with images.

bernie
I'll give this a try as well if the previous posters idea doesn't give me the visual look I need. Thank you both!

EDIT: I have tried both methods, and whilst both stop the image being cloned onto the following page (page 6) it creates new problems.
Method 1 (theducks) makes the glitch reappear again with the same problem on ALL pages from 7 to 15.
Method 2 (gbm) oddly makes all pages after page 6 inaccessible.

With both everything looks normal on Calibre, but when on the Nook it all looks wrong.

Last edited by zuperbuu; 12-13-2015 at 08:19 AM. Reason: Results of testing.
zuperbuu is offline   Reply With Quote