View Single Post
Old 02-27-2020, 07:00 AM   #1
severus
Member
severus began at the beginning.
 
severus's Avatar
 
Posts: 21
Karma: 10
Join Date: Aug 2013
Device: Kindle Voyage
background image with text and footnnotes

Hi there, I'm working on this epub in Sigil, epub 2.0.

I'm looking for a way to append a footnote to a text that overlays a background image (a footnote referring to another file in the epub).

Text over an image was nicely managed in this thread, but the footnote wasn't discussed:

https://www.mobileread.com/forums/sh...=227739&page=6

So (working on the file kindly provided by RbnJrg in the thread above) I was hoping to get the footnote to work like this:

Quote:
<body>
<div>
<svg xmlns="http://www.w3.org/2000/svg" height="100%" preserveAspectRatio="xMidYMid meet" version="1.1" viewBox="0 0 800 1222" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink">
<image height="1222" width="800" xlink:href="../Images/ch-template.jpg"/>

<text fill="black" style="font-size: 40px; font-family:'Fontin'; font-style: bold" text-anchor="middle" x="400" y="200">Chapter title</text>

<text fill="black" style="font-size: 25px; font-family: Fontin" text-anchor="middle" x="400" y="400">"...so that at least I may come to rest<br/>
in death in the tranquil resting places"<a href="../Text/ftn.html#ftn1" id="ftn1"><sup>[1]</sup></a></text>

<text fill="black" style="font-size: 20px; font-family: 'Fontin'" text-anchor="right" x="550" y="430">Vergil</text>

</svg>

</div>
</body>
But when a footnote is added, the reference link doesn't work as the footnote is moved to the bottom of the page instead of pointing to another file in the epub. In adtion [<br/>] doesn't work and the text is displayed as a single line.

The idea for this exercise is to have a separate chapter page.

I'd be super greateful if someone can give a helping hand out of this corner. Thanks!
Attached Files
File Type: epub background_image_text_and _footnote.epub (156.4 KB, 249 views)
severus is offline   Reply With Quote