Forum Moderators: not2easy
So, I'm just thinking to print only the things that I want instead of hiding some parts..ehehe.. any advice..?
my code to hide when print:
<style type="text/css" media="print">
.no_print{
display:none;
}
</style>
in the html code I have...(placed in the <head> location </head>
<link href="css/print.css" rel="stylesheet" type="text/css" media="print" /><link href="css/screen.css" rel="stylesheet" type="text/css" media="screen" />
if I remember rightly, having the print stylesheet before the screen stylesheet works.
then, taking an example div...
the screen is
#toplinks {
background-color: #FFFFFF;
margin: 0px;
}
and the corresponding print style is...
#toplinks {
background-color: #FFFFFF;
margin: 0px;
display: none;
}
the difference I can see with your code is that there is no space between display:none; when it should be display: none;
hope that works. I'm quite new to this too, but it did the trick for me!