Quote:
Originally Posted by GeoffR
I think the way to fix ePub footnote links has been discussed somewhere else, and I don't usually bother to fix the footnotes myself because at the font size I use I don't usually have a problem activating them, but roughly:
The sort of footnote style that usually gives problems is where a tiny superscript is used as the link. You can use a much larger area for the link without changing the appearance of the text by seperating the footnote link from the footnote decoration.
e.g. if the footnote is done something like:
Code:
a.footnote { text-decoration: underline; }
<p>... blah blah something<sup><a class="footnote" id="fn1" href="#note1">1</a></sup> blah blah ...</p>
Use something like this instead:
Code:
a.footnote-link { text-decoration: none; }
sup.footnote-decoration {text-decoration: underline; }
<p>... blah blah <a class="footnote-link" id="fn1" href="#note1">something<sup class="footnote-decoration">1</sup></a> blah blah ...</p>
Edit2: Or a simpler way, if you don't mind the whole word being decorated as a link:
Code:
a.footnote { text-decoration: underline; }
<p>... blah blah <a class="footnote" id="fn1" href="#note1">something<sup>1</sup></a> blah blah ...</p>
. |
Could ypu be so kind and guide me what I should do in this particular example?
I found this info in styles folder of the epub
.footnotes {
background-color: black;
border: 1px solid black;
color: gray;
display: block;
height: 2px;
margin-bottom: 0.5em;
margin-left: auto;
margin-right: auto;
margin-top: 0.5em;
text-align: left;
width: 30%
What changes should I implement to press the footnotes without hassle?
I will be very grateful.