Log in / Register

Forum › How do I...?

Make the second page special, too?

alrobins
I'm designing an invoice, which will have a tear-off strip at the bottom of the first page. Since it's duplexed, it will also have the tear-off at the bottom of the second page. I understand that there's not a lot of call for a ":second" selector for @page, but is there a way to not print on that tear-off on the second page?

I tried using named pages, and things went swimmingly until my test data overflowed from the second page to the third page. Then it didn't print on the (non-existent) tear-off on the third page, either. I would like to have the third and subsequent pages use the entire sheet of paper.
howcome
Try using floating:

<html>
<style>
#tear1 {
border: thin dashed black;
float: bottom;
}
#tear2 {
border: thin dashed black;
float: bottom-next;
}
</style>
<body>
<div id="tear1">
tear1
</div>
<div id="tear2">
tear2
</div>
</html>

-h&kon