iPad; Last page disappears (sometimes)

yoyodude · 03-21-2012, 07:07 AM

Hi,

I'm a newbie. Please don't shoot me down in flames if this has an obvious answer, or has been covered many times. I have searched the forum, but didn't find an answer.

So, I've been working away on my fixed layout epub for iPad. After many revisions I now have it going through validation (FlightCrew & IDPF) without any errors.

Thing is, that there appears to be an error when I actually view the file on my iPad (the new HD one). When I get to the last page, the image is visible when the page is in the process of turning, but then disappears when the page is fully open, and then when you shoogle around (page turning back and forth) ...it re-appears.

At this stage I don't know whether this is a glitch with my epub file or my iPad. I'm guessing that it's most likely to be some shonky code that I've written, perhaps not closing some piece of code ...but as I'm no coder I'm not sure where to look.

Has anyone had a similar problem?

Is it just me?

Any pointers at all?

Thanks in advance.

yoyodude · 03-21-2012, 09:36 AM

It's not just the last page, it's also happening on the last DPS, and also the front cover.

It's an intermittent problem; so some times it works as it should, and other times I get blank pages.

What I don't understand is why the epub file passes validation. This means that I don't have any error messages to use as a starting point. So I don't know what files I should be looking at (should I be looking at the xhtml, the opf, the css?)

Any ideas?

Thanks

JSWolf · 03-21-2012, 09:42 AM

This is not about the iPad, but is actually about iBooks. Please don't call it the iPad when it's just the iBooks app that is giving you the problem.

yoyodude · 03-21-2012, 11:04 AM

Quote:

Originally Posted by JSWolf

This is not about the iPad, but is actually about iBooks. Please don't call it the iPad when it's just the iBooks app that is giving you the problem.

You pointing out my rookie error of referring to the iPad, when I actually meant iBooks proved to be a fantastic insight into my technical problem. Now anyone who has a similar issue, can Google this thread and find your considered technical solution.

Terminology noted; but no added-value of ...advice / input / opinion / feedback / signposting / hints / help / suggestions / words of encouragement. Haven't you got better things to do?

I have. Gonna get back to looking through the code file by file, line by line to see what I've done wrong.

yoyodude · 03-21-2012, 03:14 PM

Hi,

I've abandoned my attempts to resolve this issue, and I'm going back to an earlier version of my file. Having done some detective work; I had put the file through Sigil and the problem appears to have been generated from that point onwards.

<EDIT>

Can't abandon my attmepts to resolve this issue, as the problem wasn't generated by Sigil ...it was in my earlier file too.

yoyodude · 03-22-2012, 02:06 PM

It looks to me as though the problem lies with the covers. It seems to manifest with the back cover, but when I shoogle back and forth on the back cover (via my iPad) it re-appears. Often then, the front cover has vanished instead.

I'm not convinced that this is anything to do with my html. I'm guessing that it might be related to my TOC, or possible .opf, or CSS.

Here's my TOC:

<?xml version="1.0" encoding="UTF-8"?>
<!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>
<meta name="viewport" content="width=1200,height=1700"></meta>
<meta content="text/html; charset=UTF-8"></meta>
<title>The very first day</title>
<link href="css/styles.css" type="text/css" rel="stylesheet"></link>
</head>

<body>
<div id="cover">
<img src="images/PeSplash01FCover2.png" alt="The very first day front cover" />
</div>
</body>

</html>

I'll have a look at the other files and paste them here if I think that might be worthwhile or useful to others.

Thanks

yoyodude · 03-22-2012, 03:35 PM

Okay... I've also noticed that one or two of the navigation thumbnails (sorry; not sure of their proper name) at the bottom of the iBook are blank when displayed on the iPad.

Unsure if this is related to my vanishing page(s), but thought that I might as well log it here.

For what it's worth my .opf is below

Any pointers would be much appreciated.

- - -

<?xml version="1.0" encoding="UTF-8"?>
<package xmlns="http://www.idpf.org/2007/opf" unique-identifier="book-id" version="2.0">
<metadata xmlns:dc="http://purl.org/dc/elements/1.1/">
<dc:title> The very first day</dc:title>
<dc:creator>Author</dc:creator>
<dc

ublisher>Publisher</dc

ublisher>
<dc:type>children, fiction</dc:type>
<dc:subject>children's</dc:subject>
<dc:description>Content description</dc:description>
<dc:format>ibooks, epub</dc:format>
<dc:date>2012</dc:date>
<dc:rights id="en_rights" xml:lang="en-us">Copyright notice</dc:rights>
<dc:language>en</dc:language>
<dc:identifier id="book-id">number here</dc:identifier>

<meta name="cover" content="img-cov"/>
</metadata>
<manifest>
<item id="ncx" href="toc.ncx" media-type="application/x-dtbncx+xml"></item>
<item id="css" href="css/styles.css" media-type="text/css"></item>

<item id="pg001" href="Cover_pb01.xhtml" media-type="application/xhtml+xml"></item>
<item id="pg002" href="page02.xhtml" media-type="application/xhtml+xml"></item>
<item id="pg003" href="page03.xhtml" media-type="application/xhtml+xml"></item>
<item id="pg004" href="page04.xhtml" media-type="application/xhtml+xml"></item>
<item id="pg005" href="page05.xhtml" media-type="application/xhtml+xml"></item>
<item id="pg006" href="page06.xhtml" media-type="application/xhtml+xml"></item>
<item id="pg007" href="page07.xhtml" media-type="application/xhtml+xml"></item>
<item id="pg008" href="page08.xhtml" media-type="application/xhtml+xml"></item>
<item id="pg009" href="page09.xhtml" media-type="application/xhtml+xml"></item>
<item id="pg010" href="page10.xhtml" media-type="application/xhtml+xml"></item>
<item id="pg011" href="page11.xhtml" media-type="application/xhtml+xml"></item>
<item id="pg012" href="page12.xhtml" media-type="application/xhtml+xml"></item>
<item id="pg013" href="page13.xhtml" media-type="application/xhtml+xml"></item>
<item id="pg014" href="page14.xhtml" media-type="application/xhtml+xml"></item>
<item id="pg015" href="page15.xhtml" media-type="application/xhtml+xml"></item>
<item id="pg016" href="page16.xhtml" media-type="application/xhtml+xml"></item>
<item id="pg017" href="page17.xhtml" media-type="application/xhtml+xml"></item>
<item id="pg018" href="page18.xhtml" media-type="application/xhtml+xml"></item>
<item id="pg019" href="page19.xhtml" media-type="application/xhtml+xml"></item>
<item id="pg020" href="page20.xhtml" media-type="application/xhtml+xml"></item>

<item id="img-cov" href="images/PeSplash01FCover2.png" media-type="image/png"></item>
<item id="page03" href="images/PeSplash01Page1.png" media-type="image/png"></item>
<item id="page05" href="images/PeSplash01Page2.png" media-type="image/png"></item>
<item id="page07" href="images/PeSplash01Page3.png" media-type="image/png"></item>
<item id="page09" href="images/PeSplash01Page4.png" media-type="image/png"></item>
<item id="page11" href="images/PeSplash01Page5.png" media-type="image/png"></item>
<item id="page13" href="images/PeSplash01Page6.png" media-type="image/png"></item>
<item id="page15" href="images/PeSplash01Page7.png" media-type="image/png"></item>
<item id="page17" href="images/PeSplash01Page8.png" media-type="image/png"></item>
<item id="leftside" href="images/PeSplash01Page9.png" media-type="image/png"></item>
<item id="rightside" href="images/PeSplash01Page10.png" media-type="image/png"></item>
<item id="page20" href="images/PeSplash01BackCover3.png" media-type="image/png"></item>

</manifest>
<spine toc="ncx">
<itemref idref="pg001"/>
<itemref idref="pg002"/>
<itemref idref="pg003"/>
<itemref idref="pg004"/>
<itemref idref="pg005"/>
<itemref idref="pg006"/>
<itemref idref="pg007"/>
<itemref idref="pg008"/>
<itemref idref="pg009"/>
<itemref idref="pg010"/>
<itemref idref="pg011"/>
<itemref idref="pg012"/>
<itemref idref="pg013"/>
<itemref idref="pg014"/>
<itemref idref="pg015"/>
<itemref idref="pg016"/>
<itemref idref="pg017"/>
<itemref idref="pg018"/>
<itemref idref="pg019"/>
<itemref idref="pg020"/>
</spine>
<guide>
<reference type="cover" href="Cover_pb01.xhtml"></reference>
<reference type="text" href="page02.xhtml"></reference>
</guide>
</package>

wannabee · 04-02-2012, 11:31 PM

I had the same problem. It turned out I used original images that were all oversized (2,500-5,000 pixels each) and ibooks couldn't cope. The problem was solved when I reduced the image size.

yoyodude · 04-06-2012, 01:21 PM

wannabee: Thank you so much for your response. After I read your advice, I checked to see if my images were over the maximum pixel size of 2m. They were, so I went back resized the images, and changed all the code.

As these are picture books, I don't want to reduce them too much, but I made them all under the file size limit that Apple stipulate.

Unfortunately this didn't make any improvement - however it was well worth a try.

Thank you!

wannabee · 04-07-2012, 11:23 PM

Bummer!

03-21-2012, 07:07 AM	#1
yoyodude Junior Member Posts: 7 Karma: 10 Join Date: Mar 2012 Device: ipad	iPad; Last page disappears (sometimes) Hi, I'm a newbie. Please don't shoot me down in flames if this has an obvious answer, or has been covered many times. I have searched the forum, but didn't find an answer. So, I've been working away on my fixed layout epub for iPad. After many revisions I now have it going through validation (FlightCrew & IDPF) without any errors. Thing is, that there appears to be an error when I actually view the file on my iPad (the new HD one). When I get to the last page, the image is visible when the page is in the process of turning, but then disappears when the page is fully open, and then when you shoogle around (page turning back and forth) ...it re-appears. At this stage I don't know whether this is a glitch with my epub file or my iPad. I'm guessing that it's most likely to be some shonky code that I've written, perhaps not closing some piece of code ...but as I'm no coder I'm not sure where to look. Has anyone had a similar problem? Is it just me? Any pointers at all? Thanks in advance.

03-21-2012, 09:36 AM	#2
yoyodude Junior Member Posts: 7 Karma: 10 Join Date: Mar 2012 Device: ipad	Update: It's not just the last page, it's also happening on the last DPS, and also the front cover. It's an intermittent problem; so some times it works as it should, and other times I get blank pages. What I don't understand is why the epub file passes validation. This means that I don't have any error messages to use as a starting point. So I don't know what files I should be looking at (should I be looking at the xhtml, the opf, the css?) Any ideas? Thanks

03-21-2012, 03:14 PM	#5
yoyodude Junior Member Posts: 7 Karma: 10 Join Date: Mar 2012 Device: ipad	Hi, I've abandoned my attempts to resolve this issue, and I'm going back to an earlier version of my file. Having done some detective work; I had put the file through Sigil and the problem appears to have been generated from that point onwards. <EDIT> Can't abandon my attmepts to resolve this issue, as the problem wasn't generated by Sigil ...it was in my earlier file too. Last edited by yoyodude; 03-22-2012 at 02:00 PM. Reason: Update

03-22-2012, 03:35 PM	#7
yoyodude Junior Member Posts: 7 Karma: 10 Join Date: Mar 2012 Device: ipad	Okay... I've also noticed that one or two of the navigation thumbnails (sorry; not sure of their proper name) at the bottom of the iBook are blank when displayed on the iPad. Unsure if this is related to my vanishing page(s), but thought that I might as well log it here. For what it's worth my .opf is below Any pointers would be much appreciated. - - - <?xml version="1.0" encoding="UTF-8"?> <package xmlns="http://www.idpf.org/2007/opf" unique-identifier="book-id" version="2.0"> <metadata xmlns:dc="http://purl.org/dc/elements/1.1/"> <dc:title> The very first day</dc:title> <dc:creator>Author</dc:creator> <dcublisher>Publisher</dcublisher> <dc:type>children, fiction</dc:type> <dc:subject>children's</dc:subject> <dc:description>Content description</dc:description> <dc:format>ibooks, epub</dc:format> <dc:date>2012</dc:date> <dc:rights id="en_rights" xml:lang="en-us">Copyright notice</dc:rights> <dc:language>en</dc:language> <dc:identifier id="book-id">number here</dc:identifier> <meta name="cover" content="img-cov"/> </metadata> <manifest> <item id="ncx" href="toc.ncx" media-type="application/x-dtbncx+xml"></item> <item id="css" href="css/styles.css" media-type="text/css"></item> <item id="pg001" href="Cover_pb01.xhtml" media-type="application/xhtml+xml"></item> <item id="pg002" href="page02.xhtml" media-type="application/xhtml+xml"></item> <item id="pg003" href="page03.xhtml" media-type="application/xhtml+xml"></item> <item id="pg004" href="page04.xhtml" media-type="application/xhtml+xml"></item> <item id="pg005" href="page05.xhtml" media-type="application/xhtml+xml"></item> <item id="pg006" href="page06.xhtml" media-type="application/xhtml+xml"></item> <item id="pg007" href="page07.xhtml" media-type="application/xhtml+xml"></item> <item id="pg008" href="page08.xhtml" media-type="application/xhtml+xml"></item> <item id="pg009" href="page09.xhtml" media-type="application/xhtml+xml"></item> <item id="pg010" href="page10.xhtml" media-type="application/xhtml+xml"></item> <item id="pg011" href="page11.xhtml" media-type="application/xhtml+xml"></item> <item id="pg012" href="page12.xhtml" media-type="application/xhtml+xml"></item> <item id="pg013" href="page13.xhtml" media-type="application/xhtml+xml"></item> <item id="pg014" href="page14.xhtml" media-type="application/xhtml+xml"></item> <item id="pg015" href="page15.xhtml" media-type="application/xhtml+xml"></item> <item id="pg016" href="page16.xhtml" media-type="application/xhtml+xml"></item> <item id="pg017" href="page17.xhtml" media-type="application/xhtml+xml"></item> <item id="pg018" href="page18.xhtml" media-type="application/xhtml+xml"></item> <item id="pg019" href="page19.xhtml" media-type="application/xhtml+xml"></item> <item id="pg020" href="page20.xhtml" media-type="application/xhtml+xml"></item> <item id="img-cov" href="images/PeSplash01FCover2.png" media-type="image/png"></item> <item id="page03" href="images/PeSplash01Page1.png" media-type="image/png"></item> <item id="page05" href="images/PeSplash01Page2.png" media-type="image/png"></item> <item id="page07" href="images/PeSplash01Page3.png" media-type="image/png"></item> <item id="page09" href="images/PeSplash01Page4.png" media-type="image/png"></item> <item id="page11" href="images/PeSplash01Page5.png" media-type="image/png"></item> <item id="page13" href="images/PeSplash01Page6.png" media-type="image/png"></item> <item id="page15" href="images/PeSplash01Page7.png" media-type="image/png"></item> <item id="page17" href="images/PeSplash01Page8.png" media-type="image/png"></item> <item id="leftside" href="images/PeSplash01Page9.png" media-type="image/png"></item> <item id="rightside" href="images/PeSplash01Page10.png" media-type="image/png"></item> <item id="page20" href="images/PeSplash01BackCover3.png" media-type="image/png"></item> </manifest> <spine toc="ncx"> <itemref idref="pg001"/> <itemref idref="pg002"/> <itemref idref="pg003"/> <itemref idref="pg004"/> <itemref idref="pg005"/> <itemref idref="pg006"/> <itemref idref="pg007"/> <itemref idref="pg008"/> <itemref idref="pg009"/> <itemref idref="pg010"/> <itemref idref="pg011"/> <itemref idref="pg012"/> <itemref idref="pg013"/> <itemref idref="pg014"/> <itemref idref="pg015"/> <itemref idref="pg016"/> <itemref idref="pg017"/> <itemref idref="pg018"/> <itemref idref="pg019"/> <itemref idref="pg020"/> </spine> <guide> <reference type="cover" href="Cover_pb01.xhtml"></reference> <reference type="text" href="page02.xhtml"></reference> </guide> </package>

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
Sync Last Page between Kindle/iPad/iPhone	gers1978	Amazon Kindle	15	01-23-2013 07:59 PM
page break in epub on iPad	JoanneM	ePub	3	12-07-2011 10:59 AM
ipad and iphone page sync	Kevin527	Apple Devices	16	11-14-2010 05:12 PM
iPad Page Break Doesn't support iPad?	bala07	Apple Devices	9	11-10-2010 08:21 AM
iPad/iBooks and page count	eolake	Apple Devices	7	08-26-2010 02:32 PM

03-21-2012, 09:42 AM	#3
JSWolf Resident Curmudgeon Posts: 76,491 Karma: 136564766 Join Date: Nov 2006 Location: Roslindale, Massachusetts Device: Kobo Libra 2, Kobo Aura H2O, PRS-650, PRS-T1, nook STR, PW3	This is not about the iPad, but is actually about iBooks. Please don't call it the iPad when it's just the iBooks app that is giving you the problem.

03-22-2012, 02:06 PM	#6
yoyodude Junior Member Posts: 7 Karma: 10 Join Date: Mar 2012 Device: ipad	It looks to me as though the problem lies with the covers. It seems to manifest with the back cover, but when I shoogle back and forth on the back cover (via my iPad) it re-appears. Often then, the front cover has vanished instead. I'm not convinced that this is anything to do with my html. I'm guessing that it might be related to my TOC, or possible .opf, or CSS. Here's my TOC: <?xml version="1.0" encoding="UTF-8"?> <!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> <meta name="viewport" content="width=1200,height=1700"></meta> <meta content="text/html; charset=UTF-8"></meta> <title>The very first day</title> <link href="css/styles.css" type="text/css" rel="stylesheet"></link> </head> <body> <div id="cover"> <img src="images/PeSplash01FCover2.png" alt="The very first day front cover" /> </div> </body> </html> I'll have a look at the other files and paste them here if I think that might be worthwhile or useful to others. Thanks

04-02-2012, 11:31 PM	#8
wannabee Media Bloke Posts: 2,381 Karma: 113956855 Join Date: Oct 2010 Location: NSW - Australia Device: iOS	I had the same problem. It turned out I used original images that were all oversized (2,500-5,000 pixels each) and ibooks couldn't cope. The problem was solved when I reduced the image size.

04-06-2012, 01:21 PM	#9
yoyodude Junior Member Posts: 7 Karma: 10 Join Date: Mar 2012 Device: ipad	wannabee: Thank you so much for your response. After I read your advice, I checked to see if my images were over the maximum pixel size of 2m. They were, so I went back resized the images, and changed all the code. As these are picture books, I don't want to reduce them too much, but I made them all under the file size limit that Apple stipulate. Unfortunately this didn't make any improvement - however it was well worth a try. Thank you!

04-07-2012, 11:23 PM	#10
wannabee Media Bloke Posts: 2,381 Karma: 113956855 Join Date: Oct 2010 Location: NSW - Australia Device: iOS	Bummer!

Advert

Advert