Unwanted Blank Pages

Dontfeedbaboons · 01-07-2011, 07:09 PM

When viewing my epub file on the iPad, there is a blank page before my cover and after the cover. I'm not sure why. There isn't blank pages when I view it on Adobe digital editions. Any ideas of why they're there and how I can remove them?

Thanks

LGN · 01-08-2011, 05:35 PM

what does the code of the cover page look like? Anything strange going on in that department?

virtual_ink · 07-07-2011, 02:01 AM

There are a few threads asking about this, but I'm yet to find an answer. I'm having the same problem. Here the code:

<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1 //EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>cover.html</title>
<link href="template.css" rel="stylesheet" type="text/css"/>
</head>
<body>
<div id="cover.html" xml:lang="en-GB">
<div class="Basic-Text-Frame">
<p class="images"><img class="image" width="100%" src="images/cover.jpg" alt="cover.jpg"/></p>
</div>
</div>
</body>
</html>

My image is 523wx800h, 150px.

theducks · 07-07-2011, 06:08 AM

Quote:

Originally Posted by virtual_ink

There are a few threads asking about this, but I'm yet to find an answer. I'm having the same problem. Here the code:

<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1 //EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>cover.html</title>
<link href="template.css" rel="stylesheet" type="text/css"/>
</head>
<body>
<div id="cover.html" xml:lang="en-GB">
<div class="Basic-Text-Frame">
<p class="images"><img class="image" width="100%" src="images/cover.jpg" alt="cover.jpg"/></p>
</div>
</div>
</body>
</html>

My image is 523wx800h, 150px.

You did not show the applicable style sheet entries,
but you have wrapped the image in 2 divs (NB they could be combined into a single)

Width 100% is going to scale the Image wider. if the Aspect is maintained the height is going to push the border and padding out

virtual_ink · 07-10-2011, 07:20 PM

My mistake, here is the CSS:

p.images {
font-family : Georgia, serif;
font-weight : normal;
font-style : normal;
font-size : 1em;
text-decoration : none;
font-variant : normal;
line-height : 1.2;
text-align : center;
color : #000000;
text-indent : 0px;
margin : 12px 0px 16px 0px;
}

I'll experiment with removing one div, and try different width/height settings. Thanks!

theducks · 07-10-2011, 08:09 PM

Quote:

Originally Posted by virtual_ink

My mistake, here is the CSS:

p.images {
font-family : Georgia, serif;
font-weight : normal;
font-style : normal;
font-size : 1em;
text-decoration : none;
font-variant : normal;
line-height : 1.2;
text-align : center;
color : #000000;
text-indent : 0px;
margin : 12px 0px 16px 0px;
}

I'll experiment with removing one div, and try different width/height settings. Thanks!

Things that might push another page:
margin (-top): 12px
margin (-bottom): 16px
line-height: 1.2 (times) <- ??why have this at all if no text interleaved

JSWolf · 07-10-2011, 10:12 PM

You don't need

Code:

<div class="Basic-Text-Frame">

01-07-2011, 07:09 PM	#1
Dontfeedbaboons Junior Member Posts: 1 Karma: 10 Join Date: Jan 2011 Device: iPad, Kindle.	Unwanted Blank Pages When viewing my epub file on the iPad, there is a blank page before my cover and after the cover. I'm not sure why. There isn't blank pages when I view it on Adobe digital editions. Any ideas of why they're there and how I can remove them? Thanks

07-10-2011, 10:12 PM	#7
JSWolf Resident Curmudgeon Posts: 73,957 Karma: 128903250 Join Date: Nov 2006 Location: Roslindale, Massachusetts Device: Kobo Libra 2, Kobo Aura H2O, PRS-650, PRS-T1, nook STR, PW3	You don't need Code: <div class="Basic-Text-Frame">

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
Extra blank pages	Paddlin	Workshop	4	12-17-2010 11:40 AM
Problem with blank pages between chapters	AlexBell	ePub	4	07-23-2010 07:01 AM
Images on Kindle; blank pages	joubert	Kindle Formats	3	05-28-2010 03:49 PM
Blank pages with iPad	timbgray	Calibre	3	05-04-2010 09:43 PM
Blank pages	JSWolf	Calibre	4	11-29-2008 01:22 PM

01-08-2011, 05:35 PM	#2
LGN Connoisseur Posts: 88 Karma: 60 Join Date: Oct 2010 Device: ProMedia eReader, Sony PRS-600	what does the code of the cover page look like? Anything strange going on in that department?

07-07-2011, 02:01 AM	#3
virtual_ink Zealot Posts: 107 Karma: 1000 Join Date: Sep 2010 Location: Melbourne, Australia Device: iPad2, Kindle	There are a few threads asking about this, but I'm yet to find an answer. I'm having the same problem. Here the code: <?xml version="1.0" encoding="UTF-8" standalone="no"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1 //EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>cover.html</title> <link href="template.css" rel="stylesheet" type="text/css"/> </head> <body> <div id="cover.html" xml:lang="en-GB"> <div class="Basic-Text-Frame"> <p class="images"><img class="image" width="100%" src="images/cover.jpg" alt="cover.jpg"/></p> </div> </div> </body> </html> My image is 523wx800h, 150px.

07-10-2011, 07:20 PM	#5
virtual_ink Zealot Posts: 107 Karma: 1000 Join Date: Sep 2010 Location: Melbourne, Australia Device: iPad2, Kindle	My mistake, here is the CSS: p.images { font-family : Georgia, serif; font-weight : normal; font-style : normal; font-size : 1em; text-decoration : none; font-variant : normal; line-height : 1.2; text-align : center; color : #000000; text-indent : 0px; margin : 12px 0px 16px 0px; } I'll experiment with removing one div, and try different width/height settings. Thanks!

Advert

Advert