Hello,
I have a mark-up like this:
<html>
<head>
<style type="text/css">
#table-of-contents {
page: toc;
page-break-after: right;
}
@page toc {
@bottom {
content: counter(page, lower-roman) ;
}
}
@page toc:blank {
@bottom {
content: counter(page, lower-roman) ;
}
}
#main-content {
page: chapter;
page-break-after: right;
}
@page chapter {
@bottom {
content: counter(page, decimal) ;
}
}
</style>
</head>
<body>
<div id="table-of-contents">
toc-list
</div>
<div id="main-content">
a lot of content
</div>
</body>
</html>
The blank page after the TOC (caused by "page-break-after: right;") will not show an arabic page-numbering as the "@page toc:blank"-rule intends to.
What am I doing wrong?
Regards,
Ida
I have a mark-up like this:
<html>
<head>
<style type="text/css">
#table-of-contents {
page: toc;
page-break-after: right;
}
@page toc {
@bottom {
content: counter(page, lower-roman) ;
}
}
@page toc:blank {
@bottom {
content: counter(page, lower-roman) ;
}
}
#main-content {
page: chapter;
page-break-after: right;
}
@page chapter {
@bottom {
content: counter(page, decimal) ;
}
}
</style>
</head>
<body>
<div id="table-of-contents">
toc-list
</div>
<div id="main-content">
a lot of content
</div>
</body>
</html>
The blank page after the TOC (caused by "page-break-after: right;") will not show an arabic page-numbering as the "@page toc:blank"-rule intends to.
What am I doing wrong?
Regards,
Ida