Como ocultar menu y otros elementos de un sitio web a la hora de imprimirlo

By | 2012/11/30

Después de desarrollar una aplicación web en la que manejaba un menú desplegable los usuarios comenzaron a pedir la facilidad de imprimir algunas de las pantallas pero se topaban con que el menu (creado con <ul><li>…) aparecia impreso.

Para resolver esto creamos una hoja de estilo para las impresiones como por ejemplo imprimir.css

En esta agregamos todos los elementos que deseamos ocultar a la hora de la impresión:

.noPrint, #menu_barra {
display:none;
}

Después agregamos la referencia al css en el sitio algo como:

<link rel=”stylesheet” type=”text/css” href=”imprimir.css” media=”print” />

Espero les sea de utilidad.

Leave a Reply

Your email address will not be published. Required fields are marked *

This blog is kept spam free by WP-SpamFree.