Como imprimir factura desde web? (SIN IMAGEN)

[nassutti]

Hola gente de Foros del Web, quiero desde ya agradecer a todas las personas que leen este tema y se toman su tiempo para ayudarme!!!

Tengo el siguiente problema, necesito imprimir una factura desde web pero solamente el texto, sin la imagen de fondo que ya esta pre-impresa y numerada, y la misma se coloca en la impresora cada vez que se imprime la factura nueva.

Se que la vista previa de la factura (en web) se muestra con un background-image de css, pero tengo la duda si al imprimir desde web por defecto se imprime solo el texto o si tengo que configurar algo para que no imprima la imagen de fondo.

Desde ya muchas gracias.

[HalconVigia]

Buenas!!

tienes que declarar lo que no quieres que se imprima por ejemplo asi

Código PHP:

  <div class="imprime"> 
Todo esto se Va a mandar a la impresora cuando le des la opcion de imprimir tus textos.... 
 
</div> 
<div class="noprint"> 
 
Esto no se va a imprimir asi que puedes poner lo que quieras.. 
 
</div>  
   

y en el CSS esto

Código PHP:

   
.imprime { 
p { 
   font-size: 12px; /* el tamaño de la fuente 1cm */ 
  } 
 
.noprint { 
         display: none; /* con esto le dices que no imprima lo que este dentro */ 
    }  
   

Espero que te sirva...

Saludos!!

[Ronruby]

En caso de que si se imprima la imagen de fondo, lo ideal seria usar una hoja de estilos diferente para cuando se va a imprimir. Eso se logra de la siguiente manera:

Código HTML:

<!-- Esta es la hoja de estilos utilizada para el navegador comun -->
<link rel="stylesheet" href="estilo.css" type="text/css" media="screen" />
<!-- Esta es la utilizada para la impresion, nota el media="print" -->
<link rel="stylesheet" href="estilo.print.css" type="text/css" media="print" />
 

Ya en esa hoja de estilos sobreescribes el background y lo seteas a nada.

[nassutti]

Iniciado por Ronruby

En caso de que si se imprima la imagen de fondo, lo ideal seria usar una hoja de estilos diferente para cuando se va a imprimir. Eso se logra de la siguiente manera:

Código HTML:

<!-- Esta es la hoja de estilos utilizada para el navegador comun -->
<link rel="stylesheet" href="estilo.css" type="text/css" media="screen" />
<!-- Esta es la utilizada para la impresion, nota el media="print" -->
<link rel="stylesheet" href="estilo.print.css" type="text/css" media="print" />
 

Ya en esa hoja de estilos sobreescribes el background y lo seteas a nada.

No se me habia ocurrido, muchisimas gracias por la ayuda.
Voy a probar a ver que tal me funciona.

Saludos