Quote:
Originally Posted by Hitch
Works fine....except your footnotes don't work?
What's the CSS for the classes Calibre12, Calibre3, Calibre10?
|
Works fine as in converting the epub to mobi, the footnotes do the 'preview'. Converting the same epub to azw3, the footnotes take me to the footnotes section at the end of the book.
.calibre3 {
text-decoration: none
}
.calibre10 {
display: block;
font-size: 1em;
line-height: 1;
text-align: left;
text-indent: 1.5em;
margin: 0
}
.calibre12 {
font-size: 0.75em;
line-height: 1;
vertical-align: super
}
I removed the classes from the footnote (used just plain <a href> and plain <p> tags - no difference.
I have another book that the footnotes preview works in AZW3 has this formatting:
<a class="hlink" href="part0019.html#c03-nts1" id="c03-nts1a"><sup class="frac">1</sup></a>
<p class="footnote" id="c01-nts1"><a class="hlink" href="part0007.html#c01-nts1a">**1.</a> footnote text here</p>
.frac {
font-size: 0.7em;
line-height: normal;
vertical-align: 4px
}
.footnote {
display: block;
text-align: left;
text-indent: -1.5em;
margin: 0.3em 0 0.3em 1.5em
}
the only difference that sticks out is:
the link has the <a href> tag outside the <sup> tag - not inside, as previously recommended. However, I tried that with the other book, and it did not change the footnotes behaviour.