MobileRead Forums - View Single Post - how to get page breaks before and after images (using epubs In & Out)

ldolse · 10-06-2010, 01:35 AM

put empty divs before and after the image with page break settings:

Code:

<div class="pbbefore"></div>
image stuff
<div class="pbafter"></div>

and then css:

Code:

.pbbefore {page-break-before: always;}
.pbafter {page-break-after: always;}

edit: just saw that you said div wasn't working for some reason - not sure how you coded it or why it didn't, but you should be able to use other empty tags to do this as well, p, blockquote, etc. I woudl also think you could add the page break before/after style directly to the svg tag.

10-06-2010, 01:35 AM	#9
ldolse Wizard Posts: 1,337 Karma: 123455 Join Date: Apr 2009 Location: Malaysia Device: PRS-650, iPhone	put empty divs before and after the image with page break settings: Code: <div class="pbbefore"></div> image stuff <div class="pbafter"></div> and then css: Code: .pbbefore {page-break-before: always;} .pbafter {page-break-after: always;} edit: just saw that you said div wasn't working for some reason - not sure how you coded it or why it didn't, but you should be able to use other empty tags to do this as well, p, blockquote, etc. I woudl also think you could add the page break before/after style directly to the svg tag. Last edited by ldolse; 10-06-2010 at 01:39 AM.