I'm working on producing a report using Prince and I have almost all of the formatting working except I'm having an issue with generating a footer with all the information I need. I had been using a simple footer with a Copyright statement in bottom-center and a page counter in bottom-right. This worked fine. A subsequent change in the design, however, has changed the information I need to display in a footer. At the bottom of each page I need to display something like this (some text on the left, some vertical space, copyright info in the center of the page and page information on the right):
I've tried putting the text content to bottom-left, the copyright in bottom-center and the page to bottom-right, but that puts it all on one line and I need the text to appear higher than the copyright and page information. I'm not quite sure how to accomplish this and I'm hoping someone can help me out.
What I'm currently using is this in a @page section of my CSS:
...
@bottom-left {
content: flow(footer)
}
@bottom-center {
content: '© XXXX, Inc.';
font-size: 8pt;
margin-bottom: 20pt;
}
@bottom-right {
content: "Page " counter(page) " of " counter(pages);
color:#101C6B;
font-size:8pt;
margin-bottom: 20pt;
}
...
Where I have a div with a class of 'footer' which contains my footer text.
Any help would be appreciated.
Thanks!
____________________________________
Source: ... blah blah blah ...
© XXXXX, Inc. Page n of m
I've tried putting the text content to bottom-left, the copyright in bottom-center and the page to bottom-right, but that puts it all on one line and I need the text to appear higher than the copyright and page information. I'm not quite sure how to accomplish this and I'm hoping someone can help me out.
What I'm currently using is this in a @page section of my CSS:
...
@bottom-left {
content: flow(footer)
}
@bottom-center {
content: '© XXXX, Inc.';
font-size: 8pt;
margin-bottom: 20pt;
}
@bottom-right {
content: "Page " counter(page) " of " counter(pages);
color:#101C6B;
font-size:8pt;
margin-bottom: 20pt;
}
...
Where I have a div with a class of 'footer' which contains my footer text.
Any help would be appreciated.
Thanks!