[RbnJrg]

Originally Posted by Psymon

Thanks so much again! But before I respond a little more to your message, the only thing that concerns me about this is what Jellby wrote (and which Toxaris reiterated, too)...

It's really great if indeed it works, but my worry is... is this going to "blow up" on me down the road for some as-yet-unforeseen reason?

Many properties shouldn't be supported by ePub2 but anyway works in ADE, iPad, Kindle, etc. If we only should work with the specs of ePub2 then, many things couldn't be done! Don't worry, things are not going to blow up

Back to your reply, RbnJrg...

I just tried it out, and it comes out perfectly! Of course, for different lengthed titles I'm going to have to make some adjustments here and there (re font sizes or whatever), but I guess I'll figure that out -- pending any replies from others giving a drastic reason that I shouldn't do it this way (which I'm keeping my fingers crossed won't happen!).

Glad to heard that Of course, you can make any change in the font-size; just modify the line style="font-size: 50px", by changing 50px for any other size. And you can modify the position of the text by changing the "x" and "y" values (x="nnn" y="nnn", where "nnn" are the values of the x,y "coordinates").

One more thing: I changed the resolution of your "bamboo_fence" image to 800 x 533 px; take in count that.

How come? I had it at 1200x1800, if only so that it'll look better on retina displays -- also, I'm not sure why anyone might want to do this for a chapter-title page, and since the image isn't really all that "exciting" or anything, but I did notice that one can double-tap on it still (like any other image on the iPad) and zoom in on it. Interestingly (for me), not just the image zooms in, but the text on top of it as well, almost as though it wasn't "text" but rather that text was part of the graphic itself.

If you want, you can maintain the original size. In that case, you have to modify the size of the "SVG viewbox" (instead of viewBox="0 0 533 800" you'll have to use viewBox="0 0 1200 1800" and instead of image height="800" width="533" you must use image height="1800" width="1200"). And yes, the text on top of it becomes part of the "image" itself because all (background image and text) is inside a svg wrapper.

PS: I still think is better to use a background image.

Except I couldn't get that to work -- but I'm dumb (with regard to some things, anyway). And that caution from Jellby/Toxaris does concern me, too.

You have now two ways of doing the things Both of them are valid and both of them will work in ADE (and ereaders based on ADE), iPad and Kindle

PS2: WITH THIS WAY OF DOING THE THINGS, YOU MUST ALWAYS WORK WITH PIXELS, OTHERWISE YOU'LL HAVE TROUBLES IN ADE.

Oh, okay, I'll keep that in mind. If one does it in pixels, though, doesn't that potentially cause problems with retina displays (with their higher resolution) that things well then all be "off"?

With SVG images and SVG wrappers you shouldn't have that kind of issue.

Thanks so much again, RbnJrg!
Cheers!

You are welcome!