Quote:
Originally Posted by 413Michele
Regarding the divs, this book uses footnotes a lot (it's from the Discworld series by Terry Pratchett) and I wanted to use it for the few notes that consist of more than one paragraph. For one they make possible having a bigger margin between different notes than between paragraphs of the same note.
|
This is the way I typically handle it:
Code:
<p class="footnote">[1] Blah blah blah.</p>
<p>Longer text in footnote 1.</p>
<p class="footnote">[2] Blah blah blah.</p>
CSS:
Code:
p.footnote {
margin-top: 1em;
text-indent: 0;
}
Remember, KISS (Keep It Simple Stupid).
Side Note: If you still insist on having each individual footnote wrapped...
There's other ways of accomplishing this using the actual EPUB3 code, but it gets a little uglier (using <aside> + epub:type="footnote").
See the discussion in
2019: "Epub3 Foot- End-notes" (especially my post #39 +
Doitsu's sample EPUB3 I linked to +
Doitsu's post #62).
Quote:
Originally Posted by 413Michele
Curiously I didn't remember putting them in, and in fact they were added by calibre during the conversion. Removing them has no effect though, the space remains.
The original EPUB formatting was this:
Code:
.endnotes {
font-size: 0.8em;
margin-top: 4em;
}
.endnote {
margin-bottom: 0.5em;
}
.note {
text-indent: 0;
margin: 1em 0 0.2em
}
|
Well, then start eliminating the margins one-by-one until you come across the issue.
(Or start with no margin code at all, then start re-introducing them one-by-one.)
It has to be some weird interaction between those. Or if it
still occurs with no margins, then you know the problem lies elsewhere in the code.
Quote:
Originally Posted by 413Michele
Regarding the divs, this book uses footnotes a lot (it's from the Discworld series by Terry Pratchett) [...].
|
Nice. Last year, I blasted through the first 5 books within a few weeks.
(Jellby recommended them to me.)
Good stuff, good stuff.