CSS-Based PDF: footnote

Post here questions and problems related to editing and publishing DITA content.
abacus66
Posts: 40
Joined: Wed May 25, 2016 10:45 am

CSS-Based PDF: footnote

Post by abacus66 »

I cannot see the footnote ruler in the PDF output. Although 'p-foot-notes.css' has the appropriate line:

Code: Select all

border-top: solid black thin;
What's wrong?
Best regards,
Dr. ABacus

#define QUESTION ((bb) || !(bb)) // © 1601 William Shakespeare
abacus66
Posts: 40
Joined: Wed May 25, 2016 10:45 am

Re: CSS-Based PDF: footnote

Post by abacus66 »

As I noted in that file there is a "@footnote". But somewhere I saw a "@footnotes". When I tried @footnotes, I get message
“@footnotes” is a CSS hack
Best regards,
Dr. ABacus

#define QUESTION ((bb) || !(bb)) // © 1601 William Shakespeare
Dan
Posts: 501
Joined: Mon Feb 03, 2003 10:56 am

Re: CSS-Based PDF: footnote

Post by Dan »

The @footnote part of a @page declaration controls the style of the separator between the page content and the footnotes. As content you should set a leader. The leader uses a letter or a line style to fill the entire width of the page.

Code: Select all


@page {
margin:0.5in;
....
@footnote {
content: leader(solid);
color:silver;
}
}
To create a dotted line you can use the dot character: leader('.'). Other commonly used characters are "-" (dash) and "_" (underscore).

Let us know if it worked.

Many regards,
Dan
abacus66
Posts: 40
Joined: Wed May 25, 2016 10:45 am

Re: CSS-Based PDF: footnote

Post by abacus66 »

Thanks! I'll try 8)
Best regards,
Dr. ABacus

#define QUESTION ((bb) || !(bb)) // © 1601 William Shakespeare
Post Reply