Quote:
Originally Posted by Wabznazm
I’m exporting a large file from InDesign to epub and when converted (any way) to kindle-friendly files it appears on all kindle devices with footnotes with vast and annoying indents. Seems to be a common problem, or one that other people on the interweb have had, but the solution — editing the css in Calibre — is beyond me. I can find the css file and footnotes ‘entry’, but it all looks totally normal.
|
Can you show the HTML for a footnote, and then show the relevant CSS?
I believe InDesign footnote sections always begin with a
<div class="_idFootnotes">.
For example, here are the first 2 footnotes from a chapter:
Spoiler:
Code:
<div class="_idFootnotes">
<div id="footnote-006" class="_idFootnote">
<p class="Footnote-text"><span class="CharOverride-2"><a class="_idFootnoteAnchor _idGenColorInherit" href="../Text/Chapter_1_A_Realistic_Libertarian.xhtml#footnote-006-backlink">1</a></span>My emphasis. Murray Rothbard, “Big-Government Libertarians,” in Lew Rockwell, ed., <span class="CharOverride-1">The Irrepressible Rothbard</span> (Auburn, AL: Mises Institute, 2000), p. 101</p>
</div>
<div id="footnote-005" class="_idFootnote">
<p class="Footnote-text"><span class="CharOverride-2"><a class="_idFootnoteAnchor _idGenColorInherit" href="../Text/Chapter_1_A_Realistic_Libertarian.xhtml#footnote-005-backlink">2</a></span>Murray N. Rothbard, “Egalitarianism and the Elites,” <span class="CharOverride-1">Review of Austrian Economics </span>8, no. 2 (1995): 45.</p>
</div>
You see that part that says:
Code:
<p class="Footnote-text">
The important part is the "Footnote-text". That's called a
class.
What you'll want to do is go into your CSS file, and find where it says:
In plain English, this means "a paragraph with a class called Footnote-text".
In my InDesign book's CSS, it looks like this:
Once you give that answer, we can probably help further.
- - - - - - - -
CSS Side Note: In English, the above CSS says:
"Hey, find a paragraph with a class called Footnote-text", then make the:
- color black
- font "Minion Pro Medium"
- font size 0.75em
- font style, variant, and weight "Normal"
- line-height 1.2
- [...]
What's probably the issue in yours is a huge margin-left OR something fishy with padding.
InDesign Export Note: InDesign's HTML+CSS is usually
quite a tangled mess.
Ultimately, what you'd want to do is actually clean and make everything human-readable.
This is what that same code looks like in my final version of the EPUB:
HTML:
Code:
<p class="footnote"><a href="#ft1" id="fn1">[1]</a> My emphasis. Murray Rothbard, “Big-Government Libertarians,” in Lew Rockwell, ed., <i>The Irrepressible Rothbard</i> (Auburn, AL: Mises Institute, 2000), p. 101.</p>
<p class="footnote"><a href="#ft2" id="fn2">[2]</a> Murray N. Rothbard, “Egalitarianism and the Elites,” <i>Review of Austrian Economics</i> 8, no. 2 (1995): 45.</p>
CSS:
Code:
p.footnote {
margin-top: 1em;
text-indent: 0;
}
The HTML is nearly as easy as reading the book.
And the CSS just says:
"Hey, don't indent footnotes... and add a little margin above them too!"
Easy peasy, lemon squeezy!
