Quote:
Originally Posted by retiredbiker
But for the odd short footnote in fiction, I really like your approach! I've recently done a few almost like this, but without even coding the <a and <href -- I just stuffed it in after the paragraph. There were, I think, two short footnotes in the whole book.
On paper, you would just glance down at the bottom of the page. So sticking it below the paragraph in an epub worked pretty much the same. Next one I run into, I'll try coding it it your way. No laughter at all.
|
Thanks @retiredbiker
Sometimes trying to click on those tiny links with my sausage fingers causes me to call up the dictionary, highlighting, context menu... everything but the footnote, then when I eventually jump to the footnote, I realise it was nothing worth reading and have lost the flow of reading.
Having it right there as shown in the image, I can quickly glance/read the footnote without fuss and then continue reading without lifting a finger
And it does in a small way replicate the pbook treatment of having the footnote at the bottom of the current page.
My CSS if it helps anybody...
Spoiler:
PHP Code:
.footnote {
display: block;
font-family: sans-serif;
font-size: 0.7em;
margin-top: 1.5em;
margin-bottom: 1.5em;
margin-left: 4em;
margin-right: 4em;
text-indent: 0;
border-top: 1px solid black;
border-bottom: 1px solid black;
page-break-inside: avoid;
text-align: justify;
}