SoloCodigo

Programación Web y Scripting => HTML => CSS / SASS / LESS => Mensaje iniciado por: Mikersson en Lunes 29 de Marzo de 2010, 06:50

Título: Ocultar DIV solo para Imprimir
Publicado por: Mikersson en Lunes 29 de Marzo de 2010, 06:50
Buenas noches una pregunta sencilla:

¿Como codificar para que al momento de IMPRIMIR y SOLO al imprimir, se OMITAN ciertos DIVS?

He leído soluciones que ocultan el div
Citar
.hprint {
display:none}
pero lo ocultan al visualizar la página en el navegador y no es lo que quiero. Quisiera que la página se vea completamente, pero que SOLO AL IMPRIMIR se OCULTE un IDV o algunos DIVs
Esto tampoco sirve
Citar
#header {
  width: 100% important!;
  background: none important!;
}
pues oculta el background pero el párrafo de texto se imprime.

Espero haber sido claro con la consulta.

Muchas gracias!
Título: Re: Ocultar DIV solo para Imprimir
Publicado por: F_Tanori en Lunes 29 de Marzo de 2010, 11:22
Hay una propiedad de la etiqueta Link para la hoja de estilo que se llama Media

 <link rel="stylesheet" type="text/css"  href="estilo.css"   media="print" />

http://sigt.net/archivo/plantillas-css- ... ejos.xhtml (http://sigt.net/archivo/plantillas-css-para-impresion-y-9-consejos.xhtml" onclick="window.open(this.href);return false;)
http://w3schools.com/css/css_mediatypes.asp (http://w3schools.com/css/css_mediatypes.asp" onclick="window.open(this.href);return false;)

Saludos