html printen pagina-breaks, elke order op nieuwe pagina

[Edwinboss]

Ik ben bezig met een ordersysteem waarmee van elke order een pakbon geprint kan worden, nu is het natuurlijk erg handig om meteen van bv de laatste 20 orders een pakbon te kunnen printen.

De vraag is dan ook kun je op of andere manier met HTML soort van pagina-breaks voor de printer kan maken?
Elke pakbon moet natuurlijk op een nieuw A4-tje komen te staan.

Ik weet zowiezo dat het kan met pdf maar dat kost en veel meer werk en voor de klant weer meer handelingen (pdf openen in reader, printknop indrukken).

[Bas Jansen]

Als je in Google intypt "print page breaks css" dan is de eerste hit deze pagina: http://www.javascriptkit.com/dhtmltutors/pagebreak.shtml

Daar staat uitgelegd hoe je dat kunt bereiken door middel van CSS.

[Verwijderd]

In CSS los je zoiets zo op (in dit voorbeeld, een page-break na een tabel):

table {
page-break-after: always;
}

[Anno]

Dit kun je oplossen met de css property "page-break-after" of "page-break-before". Hieronder een voorbeeld.

Stylesheet

Cascading Stylesheet:

.divPagebreak {
  page-break-after:always;
}

HTML:

<!-- pagina 1 //-->
<div class="divPagebreak"> </div>
<!-- pagina 2 //-->

[Edwinboss]

Ik zie het, was er gewoon niet op gekomen om erop te googlen.

*bak koffie inschenken doet*

Werkt dit trouwens ook in elke browser?

[Anno]

Edwinboss schreef op vrijdag 19 maart 2010 @ 15:06:
Werkt dit trouwens ook in elke browser?

Dat zou ik gewoon testen. Dan weet je ook of de rest van je HTML en CSS in alle browser hetzelfde resultaat geven.

Het antwoord is trouwens ja. In ieder geval als je always gebruikt. Je kunt ook left, right en inherit gebruiken maar die werken niet in alle browsers.

[ Voor 25% gewijzigd door Anno op 19-03-2010 15:15 . Reden: antwoord toegevoegd. ]

[RobIII]

Edwinboss schreef op vrijdag 19 maart 2010 @ 15:06:
Werkt dit trouwens ook in elke browser?

Als je nou nog eens een bak koffie inschenkt...

Anyhow; we zitten hier dus niet om handjes te houden.

[ Voor 9% gewijzigd door RobIII op 19-03-2010 15:16 ]