Publicado em 27 de mai.

codigo pular area de impressao para proxima pagina

Bom dia, amigos, seguinte criei um sistema que gera notas promissorias automaticamente, porem nao estou conseguindo configura-lo para impressao corretamente, pois se gero la por exemplo 12 notas elas comessam a cortar na hora da impressao.

Ai pensei em algumas soluções mais precisava da ajuda de vcs, por exemplo um codigo ou comando/função que ao gerar duas notas ele pule a impressao para outra pagina.

Tetei coloca-las em div's com altura fixa para caber duas na mesma pagina, porem se gero mais de 20 notas as ultimas acabam saindo cortadas..

se alguem tiver alguma ideia agradeço...

abraços..

Discussão (3)

Entre ou cadastre-se para participar da discussão

Entrar Criar conta

mangakah· 27 de mai.

Você pode fazer isso usando a propriedade page-break do CSS:

<!DOCTYPE html>

<html>
 <head>
 <title></title>
 <meta charset="UTF-8">
 <style type="text/css">
 @media all {
 .page-break	{ display: none; }
 }

 @media print {
 .page-break	{ display: block; page-break-before: always; }
 }
 </style>
 </head>
	<body>
 <div id="nota1">Nota 1</div>
 <div id="nota2">Nota 2</div>
 <div class="page-break"></div>
 <div id="nota3">Nota 3</div>
 <div id="nota4">Nota 4</div>
 <div class="page-break"></div>
 <div id="nota5">Nota 5</div>
 <div id="nota6">Nota 6</div>
 </body>
</html>

Assim o navegador irá colocar apenas duas notas em cada página. Sempre que você quiser dar um corte para a próxima página, é só colocar:

Fonte: http://davidwalsh.name/css-page-breaks

rodolforej· 28 de mai.

perfeito mangakah, isso mesmo que precisava, obrigado mesmo.

abraços.

ronal-gato· 28 de mai.

marca como resolvido rodolforej