View Full Version : EPUB creation problem with ipad


Dia435
10-12-2012, 04:37 PM
Hi all -

I am having a problem with my epub - which is validated with the IDPF tool, and the epub preflight tool. The epub looks beautiful on calibre, and also looks beautiful on ipad - but there are two blank pages after the cover page when you view the epub on the ipad. I have been reviewing my html, css and cannot see a reason why there are those two blank pages.

Any ideas from any members?

thx lots - Dia

Toxaris
10-12-2012, 04:47 PM
Do you have height 100% for your image?

Dia435
10-12-2012, 06:55 PM
No. Is that why?

thx

JSWolf
10-12-2012, 08:07 PM
You cannot say iPad as a catch all term. You have to say what app on the iPad you are using. You could be using a number of different apps. Bluefire is the best app for ePub on an iPad.

Dia435
10-13-2012, 09:37 AM
Yes, I do have Bluefire.

Dia435
10-13-2012, 09:43 AM
In addition to that - I also have something going on when I look at the validated epub in ADE. ADE, and the Nook will not recognize my bullets. They are standard <ul> bulleted list. And there is adequate bottom padding for paragraph spacing - but in ADE the paragraph padding and the bullets disappear.

This is in addition to the two blank pages coming up in ipad.


I am relatively new to this - although I have been learning things at a rapid pace - what you can and cannot do in your html / css.


thanks again -

Dia

Toxaris
10-13-2012, 11:31 AM
Simple lists work in ADE.

If you want to help us, we need the code too look at. We cannot see what you have otherwise.

JSWolf
10-13-2012, 01:56 PM
EPUB Creation problem with ipad

Did you not read what I wrote? Which app are you using?

Dia435
10-13-2012, 03:23 PM
Yes Jon - above - I wrote in reply to you - I have Bluefire app installed in ipad.

Dia435
10-13-2012, 03:24 PM
In what form should I provide the code - pasted in the message - or provide the epub?

thx Toxaris

mmat1
10-13-2012, 03:31 PM
In what form should I provide the code - pasted in the message - or provide the epub?

thx Toxaris

Best is, you make a copy of your book, toss out anything what has nothing to do with your error and attach the remains to your post.

Dia435
10-13-2012, 03:52 PM
OK - here is my file - without all the extra text that is not relevant to my issues.

thx

mmat1
10-13-2012, 04:39 PM
OK - here is my file - without all the extra text that is not relevant to my issues.

thx

I guess your extra blank pages are between the cover picture and the dedication.

Try to replace in the first html:
img.sgc-7 { max-width: 100% }

with:
img.sgc-7 { height: 95% }


I did not find any bulleted list (there are numbered lists...)

Well if this will not work, maybe it's time to "throw out some garbage" - css (sorry, can't resist :cool:)

Dia435
10-13-2012, 06:06 PM
mmat1 - thanks - I will replace that.

Sorry - I did mean numbered list <ol> not ul - but do you see anything that would cause my numbered list to not show up in Nook, and ADE?


thx again - Dia

JSWolf
10-13-2012, 06:08 PM
Yes Jon - above - I wrote in reply to you - I have Bluefire app installed in ipad.

I have Bluefire installed as well as iBooks and unless I specify which app I am actually using and not just installed, it's still using iPad as a generic term.

JSWolf
10-13-2012, 06:11 PM
I guess your extra blank pages are between the cover picture and the dedication.

Try to replace in the first html:
img.sgc-7 { max-width: 100% }

with:
img.sgc-7 { height: 95% }


I did not find any bulleted list (there are numbered lists...)

Well if this will not work, maybe it's time to "throw out some garbage" - css (sorry, can't resist :cool:)

img.sgc-7 { max-width: 100% }

should be...

img.sgc-7 { max-height: 100% }

It is not a good idea to use max-width as it's possible for the height to go off the screen and maybe create the blank next page.

Dia435
10-13-2012, 08:18 PM
Ok Jon - thanks for that info. Did not know that.

Thank you all very much - I am testing out with these changes.

mmat1
10-14-2012, 03:26 AM
Sorry - I did mean numbered list <ol> not ul - but do you see anything that would cause my numbered list to not show up in Nook, and ADE?
thx again - Dia

actually no.
Keep in mind, that ADE does not forgive any faults in Style-definition; on the other hand it should display the list with defaults...

I found only this style, which refers to numbered lists:

ol
{margin: 14px 0 18px 0;
text-indent:0;
font-size:16px;
font-family:"Times New Roman",serif;}

It seams to be a good idea to play around with it.

You can:

Start with the curly brackets in the same line as the tag
Toss out "Times New Roman" (If you can't make sure, that it's installed on all reading devices, don't use it)
Play around with the left-margin (the fourth parameter of margin) and see what happens
Avoid any font-styles while testing


try:
ol { margin: 14px 0 18px 3em; text-indent:0; }