CODEWITHSUNDEEP
javascripthtmlcssprintingpagination
Keith Pinson
Keith Pinson

Reputation: 7985

How to Paginate Footnotes Properly in CSS & HTML (Print Media)

Is there a way to get footnotes to work properly, i.e. with a dynamic footnote region size and each page having only the footnotes for that page, when using the @media print mode of CSS3 with (X)HTML? Or can you point me to a Javascript recipe for achieving something like this?

Upvotes: 4

Views: 1800

Answers (2)

Keith Pinson
Keith Pinson

Reputation: 7985

There are a number of JavaScript libraries that do pagination (leveraging CSS, of course):

I have not yet had time to look into them, but they might get you started.

Upvotes: 0

Paul Sweatte
Paul Sweatte

Reputation: 24627

I have found a solution for this problem by working in an entirely different direction. Thankfully, I was already producing the XHTML from XML with an XSLT transform. I wrote another transform file, that went to (believe it or not) XeLaTeX; I wrote a Python script to apply the transform, then called it from a Bash build script (which had to use tail to hack off the first line, which is an XML declaration illegal in XeLaTeX) and then does two passes of compilation to produce the final PDF document with properly paginated footnotes

Upvotes: 1

Related Questions