04-19-2012, 03:46 PM | #1 |
The Grand Mouse 高貴的老鼠
Posts: 71,510
Karma: 306214458
Join Date: Jul 2007
Location: Norfolk, England
Device: Kindle Voyage
|
iBooks and full page images problem
Someone has pointed out that my free copy of Kim in the library here doesn't work in iBooks.
The problem seems to be they way I've done the full page images. In the HTML, my images are like this: <p id="toi_0" class="fullpage"><img src="zamzammah.jpg" alt="Zam-Zammah" height="100%" /></p> The relevant bits of the CSS are: html, body { height: 100%; margin: 0; padding: 0; border-width: 0; } @page { margin: 5pt; } p.fullpage {text-indent: 0; text-align: center; margin: 0; page-break-before: always; page-break-after: always} Other ePub renderers seem to be OK with this. Does anyone come across this problem (or a similar one) before, or have a suggestion as to how to display full-height images in an ePub that iBooks does like? Thanks. |
04-20-2012, 02:16 AM | #2 |
Wizard
Posts: 4,520
Karma: 121692313
Join Date: Oct 2009
Location: Heemskerk, NL
Device: PRS-T1, Kobo Touch, Kobo Aura
|
The problem is, as far as I know iBooks will choke on the combination of @page and height in the html,body.
If you use that, it can also happen that only a few pages are displayed instead of the full chapter. Why don't you use the SVG wrapper some use for covers? That seems to work on iBooks. |
Advert | |
|
04-20-2012, 03:48 AM | #3 | |
The Grand Mouse 高貴的老鼠
Posts: 71,510
Karma: 306214458
Join Date: Jul 2007
Location: Norfolk, England
Device: Kindle Voyage
|
Quote:
If iBooks can't cope with @page and height in html,body, I suppose one or the other will have to go. Does anyone have example code for doing full page height images that works nicely with iBooks? |
|
04-20-2012, 07:53 AM | #4 |
Wizard
Posts: 4,520
Karma: 121692313
Join Date: Oct 2009
Location: Heemskerk, NL
Device: PRS-T1, Kobo Touch, Kobo Aura
|
Are you sure? My covers are always full screen, even if the image is of a lower resolution. The image is then resized.
You mistook me, both of them cause the problem. I did some testing with this and according to my guinea pig, only if I removed both the ePUB worked on iBooks. |
04-20-2012, 09:06 AM | #5 | |
The Grand Mouse 高貴的老鼠
Posts: 71,510
Karma: 306214458
Join Date: Jul 2007
Location: Norfolk, England
Device: Kindle Voyage
|
Quote:
I'll do some experimentation shortly. Thanks. |
|
Advert | |
|
04-20-2012, 09:57 AM | #6 |
Zealot
Posts: 122
Karma: 2600
Join Date: Sep 2009
Device: EZ Reader Pocket PRO
|
Check your private messages, I sent you an example of a book from here that has full page images in the text that works great.
|
04-20-2012, 10:02 AM | #7 | |
The Grand Mouse 高貴的老鼠
Posts: 71,510
Karma: 306214458
Join Date: Jul 2007
Location: Norfolk, England
Device: Kindle Voyage
|
Quote:
I need to find a solution that works for other ePub renderers, not just iBooks. |
|
04-20-2012, 12:06 PM | #8 |
Zealot
Posts: 122
Karma: 2600
Join Date: Sep 2009
Device: EZ Reader Pocket PRO
|
If you use CSS vertical-align, try without that tag and see if it makes a difference.
|
04-21-2012, 04:52 AM | #9 |
Wizard
Posts: 3,413
Karma: 13369310
Join Date: May 2008
Location: Launceston, Tasmania
Device: Sony PRS T3, Kobo Glo, Kindle Touch, iPad, Samsung SB 2 tablet
|
I use an the admittedly low tech
<div class="centre"> <img src="images/divider.png" alt="Max and children" /> </div> where divider.png is 790px high, and it works on a Sony PRS T1, a Kindle3, and the iPad 2 |
04-21-2012, 07:01 AM | #10 |
Resident Curmudgeon
Posts: 74,027
Karma: 129333114
Join Date: Nov 2006
Location: Roslindale, Massachusetts
Device: Kobo Libra 2, Kobo Aura H2O, PRS-650, PRS-T1, nook STR, PW3
|
Code:
@page { margin: 5pt; } |
04-21-2012, 08:03 AM | #11 |
Wizard
Posts: 4,520
Karma: 121692313
Join Date: Oct 2009
Location: Heemskerk, NL
Device: PRS-T1, Kobo Touch, Kobo Aura
|
|
04-21-2012, 12:16 PM | #12 | |
The Grand Mouse 高貴的老鼠
Posts: 71,510
Karma: 306214458
Join Date: Jul 2007
Location: Norfolk, England
Device: Kindle Voyage
|
Quote:
But I might be willing to give it up. I just need to do some tests because iBooks isn't compliant. And I don't have time right now. |
|
04-21-2012, 12:46 PM | #13 |
Wizard
Posts: 4,520
Karma: 121692313
Join Date: Oct 2009
Location: Heemskerk, NL
Device: PRS-T1, Kobo Touch, Kobo Aura
|
I leave it in and give people with iBooks a warning. Since most books are for myself anyway and I don't use iBooks, that is not a problem.
|
|
Similar Threads | ||||
Thread | Thread Starter | Forum | Replies | Last Post |
iBooks cutting off the edges of images | radiocure | ePub | 4 | 02-06-2012 12:18 PM |
IBooks display images | sharkbc | Apple Devices | 4 | 07-21-2011 11:22 AM |
Full page images | graywolf336 | ePub | 3 | 11-17-2010 02:05 PM |
Scaled images in iBooks | ckirchho | Apple Devices | 5 | 06-25-2010 05:21 AM |
Full-Screen images on the K2? | Thorkin | Amazon Kindle | 1 | 03-12-2009 07:48 PM |