I am building an HTML document template. I have a cover page, then 6 pages of content. I want to have the page numbering start with 1 on page 2 of the document. I cannot seem to get this to work. I can hide the footer on the first page, but the numbers on the second page start at Page 2 of X.
Has anyone successfully met this requirement with HTML document templates?
<style>
{
@bottom-center {
content: element(pageFooter);
}
}
@page:first {
@bottom-center {
content: normal
}}
#pageFooter{
position: running(pageFooter);
font-family: arial, helvetica, sans-serif;
font-size: 9pt;
}
</style>
<style>
:first {
@bottom-right {
content: normal;
}
}
{
@bottom-right {
counter-reset: Page 1
content: "Page " counter(page) " of " counter(pages);
font-family: arial, helvetica, sans-serif;
font-size: 9pt;
}
}
</style>
<div id="pageFooter">Document for ${u_employee_name} (${u_employee_id})</div>
