Hide from printing?

It may not be possible to completely block somebody from printing your web page, but you can make it a little trickier at least. These techniques are actually more useful for blocking page elements you think the user wouldn't WANT to print, like a navigation menu or advertisements.

by webdevem

HTML

<p>Okay to print this line</p>
<p class="noPrint">Don't print this!</p>
<div class="logo noPrint"><img src="http://1.bp.blogspot.com/-DOQHT7ieIB4/T_3nyTRsNOI/AAAAAAAAAE4/4WYrflFHjYo/s200/jQueryJavascriptRelationship.gif"> Don't print this either</div>

CSS

@media print {
    .noPrint {
       display: none;
    }
}


/* Lines from here down are only to make it look nicer
   They don't have any effect at blocking print */

.logo {
 background-color: #3D668F;
 width: 450px;    
 margin-top: 12px;
 color: #fff;
}
 
.logo img {
 height: 75px;     
}
p {
 margin-top: 12px;   
}