MobileRead Forums - View Single Post

Paddlin · 01-04-2011, 01:38 PM

Hey everybody,

So I'm designing an ebook, and I decided I wanted to try out using images to introduce sections. So instead of just having some boring text saying "Part I," I'll have a full page image with the words "Part I" and an illustration around it. So I did that, no problems. Now I also wanted Part I to be linked to in the table of contents. So I put an empty h1 tag inside the svg wrapper that went around the image. Here's more or less what it looks like:

Now I have an image that's taking up a page and a heading in the right place on the generated TOC. All is well.

But the resulting EPUB won't pass EPUBcheck. The file is perfectly functional, doing everything I want it to do, but since it won't pass, it can't be uploaded to the iBooks store. Anybody have any ideas for other workarounds? The image-in-place-of-text looks really, really nice. I don't want to abandon it.

01-04-2011, 01:38 PM	#1
Paddlin Member Posts: 22 Karma: 10 Join Date: Nov 2010 Device: iPad, but usually not iBooks	Hiding headers in images Hey everybody, So I'm designing an ebook, and I decided I wanted to try out using images to introduce sections. So instead of just having some boring text saying "Part I," I'll have a full page image with the words "Part I" and an illustration around it. So I did that, no problems. Now I also wanted Part I to be linked to in the table of contents. So I put an empty h1 tag inside the svg wrapper that went around the image. Here's more or less what it looks like: <svg xmlns="http://www.w3.org/2000/svg" height="100%" version="1.1" viewBox="0 0 600 860" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink"> <h1 id="heading_id_2" title="Part I"></h1> <image height="860" width="600" xlink:href="../Images/PartI.jpg"></image> </svg> Now I have an image that's taking up a page and a heading in the right place on the generated TOC. All is well. But the resulting EPUB won't pass EPUBcheck. The file is perfectly functional, doing everything I want it to do, but since it won't pass, it can't be uploaded to the iBooks store. Anybody have any ideas for other workarounds? The image-in-place-of-text looks really, really nice. I don't want to abandon it.