Remove blank page added after image page

crowwoods1 · 09-06-2020, 11:56 PM

I have 12 full-page images scattered in the book; and after 3 of the images, a blank page is inserted by the editor. I can't figure out what is causing this. Is there a way to remove the blank pages?

kovidgoyal · 09-07-2020, 12:08 AM

The editor does not insert blank pages. You will sometimes see blank pages after large images if a bit of the image overflows onto the next page. If you want fullscreen images, use the "Full page image" checkbox at the bottom of the insert image toolbox and ideally have a single HTML file per full screen image.

crowwoods1 · 09-07-2020, 03:05 PM

I see. You're saying perhaps my images are a bit too large, even though I don't see it overflowing onto the next page, it is. I'll go make them a tad smaller and see. Thanks!

theducks · 09-07-2020, 03:12 PM

Quote:

Originally Posted by crowwoods1

I see. You're saying perhaps my images are a bit too large, even though I don't see it overflowing onto the next page, it is. I'll go make them a tad smaller and see. Thanks!

Top or Bottom Margins AND Widows and Orphans also push a blank page.
FWIW, I avoid margin-bottom: non-zero for this reason
Also, it could be nested
Use the Propteries Inspector section of the viewer to explore cascaded metrics

crowwoods1 · 09-08-2020, 11:24 PM

Yes, my margin-bottom is 0. I checked the Inspector, but I didn't see anything unusual.

I made my 3 images smaller, as in the height of each is now the same as the height of the ones that don't overflow. But still, it doesn't get rid of the blank pages. Now what?

deback · 09-19-2020, 01:21 AM

There are many things that can cause blank pages: Top and bottom margins of more than zero, <br> codes, and other codes that create blank space. Check the lines at the top and bottom of the image file page for codes that create spaces or a line space. Your CSS code for the image file should be: width: 100%; and height: 100%;. Your CSS code for the <p> or <div> statement above the image file code should be margin: 0; and text-align: center;.

09-06-2020, 11:56 PM	#1
crowwoods1 Member Posts: 13 Karma: 10 Join Date: Aug 2020 Device: Mac	Remove blank page added after image page I have 12 full-page images scattered in the book; and after 3 of the images, a blank page is inserted by the editor. I can't figure out what is causing this. Is there a way to remove the blank pages?

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
Page blank before and after book image page	osiris12	Sigil	12	05-28-2015 04:27 PM
Insert metadata page - remove blank space	kristalana	Calibre	5	03-18-2014 12:55 PM
Sigil adding blank page after cover image	ebookn00b	Sigil	32	06-20-2013 01:44 PM
Image (was Sigil) creates a blank page	p3aul	ePub	3	09-26-2012 10:17 AM
[Old Thread] epub -> mobi conversion; blank page after image	joubert	Calibre	10	03-07-2011 05:26 PM

09-07-2020, 12:08 AM	#2
kovidgoyal creator of calibre Posts: 45,260 Karma: 27110894 Join Date: Oct 2006 Location: Mumbai, India Device: Various	The editor does not insert blank pages. You will sometimes see blank pages after large images if a bit of the image overflows onto the next page. If you want fullscreen images, use the "Full page image" checkbox at the bottom of the insert image toolbox and ideally have a single HTML file per full screen image.

09-07-2020, 03:05 PM	#3
crowwoods1 Member Posts: 13 Karma: 10 Join Date: Aug 2020 Device: Mac	I see. You're saying perhaps my images are a bit too large, even though I don't see it overflowing onto the next page, it is. I'll go make them a tad smaller and see. Thanks!

09-08-2020, 11:24 PM	#5
crowwoods1 Member Posts: 13 Karma: 10 Join Date: Aug 2020 Device: Mac	Yes, my margin-bottom is 0. I checked the Inspector, but I didn't see anything unusual. I made my 3 images smaller, as in the height of each is now the same as the height of the ones that don't overflow. But still, it doesn't get rid of the blank pages. Now what?

09-19-2020, 01:21 AM	#6
deback Book E d i t o r Posts: 432 Karma: 288184 Join Date: May 2015 Device: Laptop	There are many things that can cause blank pages: Top and bottom margins of more than zero, <br> codes, and other codes that create blank space. Check the lines at the top and bottom of the image file page for codes that create spaces or a line space. Your CSS code for the image file should be: width: 100%; and height: 100%;. Your CSS code for the <p> or <div> statement above the image file code should be margin: 0; and text-align: center;.

Advert

Advert