dimecres, 9 de gener del 2013

Imprimir partes de una página con CSS

En ocasiones necesitamos imprimir una página, pero a la vez queremos ocultar algunas partes que no nos interesa que se impriman.

La solucion és la siguiente:

En el HEAD del código, definimos dos archivos de CSS:


Código
<link rel="stylesheet" type="text/css" href="screen.css" media="screen" />
<link rel="stylesheet" type="text/css" href="print.css" media="print" />

El primero servirá para mostrar la página en pantalla.

El segundo servirá para definir los estilos de impresión. Si lo único que queréis es esconder capas, bastará con copiar todo lo que tengáis en screen.css al print.css y luego, al final del print.css definir lo siguiente:


Código
#nombre_de_la_capa1 {
    display: none;
}