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


Tags: javascript,html,css,printing,pagination

Problem :

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?



Solution :

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.


    CSS Howto..

    How can I use javascript or jQuery to make this table fill available width and height?

    How to display sub menu horizontally?

    How to Insert Images inside DIV in this case

    How to apply Title Case in input box through css

    How do I style a different border?

    Wordpress how to tell my css version

    How to align text and buttons next to canvas (WebGL + JavaScript + CSS)

    how to apply ellipse effect in which contain space in string?

    How to include a font .ttf using CSS?

    How to remove the empty space between divs in CSS?

    How can I fix Buttongroup Dropdowntoggle-Buttons in Bootstrap?

    How to have constants in Flex CSS files

    How can I delete unused css lines?

    html/css: how to on a single line center “title” and have on right buttons

    How to make css transition effect apply to all its children?

    how to align all text on left side and image on right size

    How can I allign select menu with a button on the same line with css bootstrap?

    How to make a text with skewed line but not letters?

    How to make possible vertical scroll on popup and disable vertical scroll for page by using CSS?

    How To Center a Letterpress Effect?

    How to use css method of rotation in jquery

    Ruby on Rails: (Beginner) How can I make my style sheet (in public/stylesheet folder) be used by my layouts?

    How to center image which is bigger than screen?

    How to strike through obliquely with css

    How to remove extra space after a colon in CSS with Sublime Text 2?

    How can I correctly center this div into its container? What is wrong?

    CSS exit box how to? [closed]

    How to achieve horizontally centered layout with partially liquid column?

    How to code a drop down menu in css?

    How to implement responsive, independently scrolling panes in Bootstrap 3?