Foro de elhacker.net

Programación => Desarrollo Web => Mensaje iniciado por: 1mpuls0 en 13 Diciembre 2012, 20:18 pm



Título: Salto de pagina al imprimir.
Publicado por: 1mpuls0 en 13 Diciembre 2012, 20:18 pm
Hola.
Se puede realizar la impresión de una página html.

Indicando un salto de página?.

Es decir una parte de la página web salga impresa en una hoja y la otra parte en otra hoja.

Se puede hacer eso?, algo como css o php

Gracias


Título: Re: Salto de pagina al imprimir.
Publicado por: 1mpuls0 en 17 Diciembre 2012, 19:49 pm
Solución.

Código
  1. <style type="text/css">
  2. @media all {
  3.   div.saltopagina{
  4.      display: none;
  5.   }
  6. }
  7.  
  8. @media print{
  9.   div.saltopagina{
  10.      display:block;
  11.      page-break-before:always;
  12.   }
  13.  
  14.   /*No imprimir*/
  15.   .oculto {display:none}
  16. }
  17. </style>
  18.  

Código
  1. <div>contenido1</div>
  2. <div class="saltopagina"></div>
  3. <div>contenido2</div>
  4.  

Saludos.