Log in / Register

Forum › How do I...?

Adding Continued to header if multiple pages

ajf
The header that I have is fairly complicated. I have a logo, and title box, and section heading image. In the section heading I have an h3 tag where I put the section title for that page.

If the document ends up being more than one page I need ", Continued" added to h3 tag.

This is how what I have going on already:

@page{
size: US-Letter portrait;
@top {
content: flow(header);
}
@bottom{
content: flow(footer);
}
}

div.header{
flow: static(header);
}

So I'm not sure how to go in and just add the text to the h3 tag
mikeday
You can repeat the header, like this:
<html>
<head>
<style>
@page {
    @top { content: flow(header) }
}

.header { flow: static(header) }

h1 { page-break-before: always }
</style>
</head>
<body>
<div class="header">
Header!
</div>
<div class="header">
Continued!
</div>
<h1>First page</h1>
<h1>Second page</h1>
</body>
</html>