Quote:
Originally Posted by 413Michele
Ok, after a lot of testing I finally found the problem, and I can't believe what it was...
[...]
Kindle's renderer decided that the spaces and newlines between </p> and </div> are important, and they should be shown as margins.
|
Hmmmm... Good detective work.
But it definitely isn't normal.
And what happened if you removed that <div class="endnote">?
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")
Quote:
Originally Posted by 413Michele
That is also the preferred method in Amazon's Kindle Publishing Guidelines, but if it doesn't work with EPUB2 I'd rather avoid it. I'll read the discussion anyways, as it seems semantically better.
|
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.
Heuristics should also detect that simple link back/forth, so you'd get popup footnotes across many readers.
Quote:
Originally Posted by 413Michele
I love his humour and characters  This has become one of my favourite adages:
Give a man a fire and he's warm for the day. But set fire to him and he's warm for the rest of his life.
|
That's a good one.