A passionate programmer’s findings in the world of internet.

Page Break for Printed Web Pages

Sunday, May 6th, 2007

After I get my invoice to be printed differently from screen, I need to have page breaks for invoices that have more than 1 page. The way to achieve it, is to use CSS, again.

It's just as simple as putting the following code at wherever you need the page break:

<div style="page-break-after: always;"></div>

Also note that there's also page-break-before which you can specify a page break before some tags.

Make Web Page Prints Differently From Screen

Sunday, April 29th, 2007

I have been working on an web-based invoicing system for a while and I'm almost finishing it. This system will be replacing my client's system that runs on Windows and prints invoices with dot matrix printers.

My client has all the invoice template pre-printed on 3-layered carbon paper. My invoicing system only has to fill up the values into invoice form, and not the whole form. But, to only showing only field values on the screen will be hard to read.

Therefore, I need to make my invoice has to be shown in full when it is on the screen, but to print only field values in the printed copy.