iPad EPUB for iBooks bckgrnd img problem

Hitch · 09-20-2010, 07:00 PM

As I posted in this thread:

https://www.mobileread.com/forums/sho...58#post1120158

My colleague and I are trying to make a specific kids' book for iBooks 1.1. It seems that in the earlier iBooks app, absolute positioning was not disabled, so you could float text atop a background image. Now it appears to be disabled, so one cannot.

We've tried pretty much everything, and everything we've tried has worked in epubs everywhere else--EXCEPT iBooks. If anyone here has crafted an iBooks background-image workaround (floating text atop an image, NOT a color declaration, see my post in the Epub forum), that would be great. TIA.

Hitch

whbenson · 09-20-2010, 08:04 PM

I was interested in something like this too, but couldn't even get as far as getting a background image using Sigil. Do you know how to specify this in Sigil?

Hitch · 09-20-2010, 08:13 PM

Just set it with CSS as usual--there's nothing really tricky about it.

whbenson · 10-19-2010, 11:39 PM

ok. you wanted a workaround. Not very flexible, but it works for me.
<body>
<div>
<img alt="" src="../Images/nysmap.jpg" />
<p class="tweak">tweak</p>
</div>

<p>body body body body body body body body body body body</p>

with
.tweak {margin-top: -100%;}
in the css.

The map outline image scales to the screen width on my iPod Touch with iOS 4.1 in iBooks and the "body body ..." text overlays on top....

Hitch · 10-20-2010, 04:09 AM

@whbenson: Does it work on the iPad? Because that's where I've had all the problems.

Hitch

whbenson · 10-20-2010, 11:28 PM

@Hitch: Yes, it works on the iPad too. [Note, of course, that this doesn't use the CSS background-image property, which is what I was originally and unsuccessfully trying to use at first.]
-Bill

Hitch · 10-21-2010, 05:51 PM

Quote:

Originally Posted by whbenson

@Hitch: Yes, it works on the iPad too. [Note, of course, that this doesn't use the CSS background-image property, which is what I was originally and unsuccessfully trying to use at first.]
-Bill

Are you reflowing text over multiple pages? (We're also discussing this very matter somewhere else on MR...I'll find it and post a link here)

Hitch

whbenson · 10-21-2010, 07:26 PM

Quote:

Originally Posted by Hitch

Are you reflowing text over multiple pages? (We're also discussing this very matter somewhere else on MR...I'll find it and post a link here)

Hitch

No. It's text overlaying an image. I'll try to post an image here - sorry it's sloppy and with extraneous text. The idea is to reset the current position to what it was before the image was rendered.
-Bill

Hitch · 10-23-2010, 09:29 PM

Hi, Bill:

Here's the other post: https://www.mobileread.com/forums/sho...85#post1178385 . We've been able to get text over a bckgrnd img to work for, say, one page at a time, but flowing text over that image repetively with yet more images embedded in the text? OISH.

Hitch

09-20-2010, 07:00 PM	#1
Hitch Bookmaker & Cat Slave Posts: 11,460 Karma: 158448243 Join Date: Apr 2010 Location: Phoenix, AZ Device: K2, iPad, KFire, PPW, Voyage, NookColor. 2 Droid, Oasis, Boox Note2	EPUB for iBooks bckgrnd img problem As I posted in this thread: https://www.mobileread.com/forums/sho...58#post1120158 My colleague and I are trying to make a specific kids' book for iBooks 1.1. It seems that in the earlier iBooks app, absolute positioning was not disabled, so you could float text atop a background image. Now it appears to be disabled, so one cannot. We've tried pretty much everything, and everything we've tried has worked in epubs everywhere else--EXCEPT iBooks. If anyone here has crafted an iBooks background-image workaround (floating text atop an image, NOT a color declaration, see my post in the Epub forum), that would be great. TIA. Hitch

Thread Tools	Search this Thread
Show Printable Version Email this Page	Search this Thread: Advanced Search

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
EPUB for iBooks bckgrnd img problem	Hitch	ePub	13	10-23-2010 09:27 PM
Image zoom problem in iBooks	jharker	ePub	6	10-02-2010 07:41 PM
iPad iBooks epub on Nook?	yanathin	ePub	3	08-15-2010 05:41 AM
iPad Reading ePub without iBooks?	murraypaul	Apple Devices	9	04-24-2010 08:07 AM
iBooks will allow any old (non-DRM) ePub	ChristopherTD	Apple Devices	28	03-14-2010 06:24 PM

09-20-2010, 08:04 PM	#2
whbenson Enthusiast Posts: 37 Karma: 493532 Join Date: May 2010 Device: ipad	I was interested in something like this too, but couldn't even get as far as getting a background image using Sigil. Do you know how to specify this in Sigil?

09-20-2010, 08:13 PM	#3
Hitch Bookmaker & Cat Slave Posts: 11,460 Karma: 158448243 Join Date: Apr 2010 Location: Phoenix, AZ Device: K2, iPad, KFire, PPW, Voyage, NookColor. 2 Droid, Oasis, Boox Note2	Just set it with CSS as usual--there's nothing really tricky about it.

10-19-2010, 11:39 PM	#4
whbenson Enthusiast Posts: 37 Karma: 493532 Join Date: May 2010 Device: ipad	ok. you wanted a workaround. Not very flexible, but it works for me. <body> <div> <img alt="" src="../Images/nysmap.jpg" /> <p class="tweak">tweak</p> </div> <p>body body body body body body body body body body body</p> with .tweak {margin-top: -100%;} in the css. The map outline image scales to the screen width on my iPod Touch with iOS 4.1 in iBooks and the "body body ..." text overlays on top....

10-20-2010, 04:09 AM	#5
Hitch Bookmaker & Cat Slave Posts: 11,460 Karma: 158448243 Join Date: Apr 2010 Location: Phoenix, AZ Device: K2, iPad, KFire, PPW, Voyage, NookColor. 2 Droid, Oasis, Boox Note2	@whbenson: Does it work on the iPad? Because that's where I've had all the problems. Hitch

10-20-2010, 11:28 PM	#6
whbenson Enthusiast Posts: 37 Karma: 493532 Join Date: May 2010 Device: ipad	@Hitch: Yes, it works on the iPad too. [Note, of course, that this doesn't use the CSS background-image property, which is what I was originally and unsuccessfully trying to use at first.] -Bill

10-23-2010, 09:29 PM	#9
Hitch Bookmaker & Cat Slave Posts: 11,460 Karma: 158448243 Join Date: Apr 2010 Location: Phoenix, AZ Device: K2, iPad, KFire, PPW, Voyage, NookColor. 2 Droid, Oasis, Boox Note2	Hi, Bill: Here's the other post: https://www.mobileread.com/forums/sho...85#post1178385 . We've been able to get text over a bckgrnd img to work for, say, one page at a time, but flowing text over that image repetively with yet more images embedded in the text? OISH. Hitch

Advert

Advert