View Single Post
Old 12-14-2021, 12:12 PM   #9
Tex2002ans
Wizard
Tex2002ans ought to be getting tired of karma fortunes by now.Tex2002ans ought to be getting tired of karma fortunes by now.Tex2002ans ought to be getting tired of karma fortunes by now.Tex2002ans ought to be getting tired of karma fortunes by now.Tex2002ans ought to be getting tired of karma fortunes by now.Tex2002ans ought to be getting tired of karma fortunes by now.Tex2002ans ought to be getting tired of karma fortunes by now.Tex2002ans ought to be getting tired of karma fortunes by now.Tex2002ans ought to be getting tired of karma fortunes by now.Tex2002ans ought to be getting tired of karma fortunes by now.Tex2002ans ought to be getting tired of karma fortunes by now.
 
Posts: 2,306
Karma: 13057279
Join Date: Jul 2012
Device: Kobo Forma, Nook
Quote:
Originally Posted by 413Michele View Post
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 View Post
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 View Post
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.

Last edited by Tex2002ans; 12-14-2021 at 12:16 PM.
Tex2002ans is offline   Reply With Quote