View Single Post
Old 12-17-2021, 10:33 AM   #12
413Michele
Enthusiast
413Michele began at the beginning.
 
Posts: 47
Karma: 10
Join Date: Jan 2021
Location: Italy
Device: Kobo Libra 2, Kindle Paperwhite (1st gen)
Quote:
Originally Posted by Tex2002ans View Post
Hmmmm... Good detective work.

But it definitely isn't normal.

And what happened if you removed that <div class="endnote">?
Removing the divs solves the problem too, but I liked having one note per div, it's more rigorous and now that I have a solution I might keep them like this.

Quote:
Originally Posted by Tex2002ans View Post
And are you using anything like a "CSS reset" (like Blitz)? (For more information on why that's a horrible idea in ebooks, see the 2021 thread: "Revolutionary code? Need feedback")
No reset, even though I wonder if a small, epub-specific and well thought reset could be useful in general. But probably the support for different features is so variegated that it would create more problems that it solves...

Quote:
Originally Posted by Tex2002ans View Post
Oh. Well, if you wanted to stick with EPUB2, then you can't go wrong with the super basic:

Code:

<p>This is an example.<a href="#fn1" id="ft1">[1]</a></p>

<hr />

<p class="footnote"><a href="#ft1" id="fn1">[1]</a> An example footnote.</p>

It works everywhere on everything.
Wouldn't this leave the footnote in the main text? Or would I need to also add something like display:none; in the CSS?
413Michele is offline   Reply With Quote