TheConeHead
Programmer
I have a div that I want to not have printed when a page is printed... anyway to leave it out via css?
![[conehead]](/data/assets/smilies/conehead.gif "[conehead] [conehead]")
Tek-Tips is the largest IT community on the Internet today!
Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!
-
Congratulations Chriss Miller on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!
not printing div via css 1
- Thread starter TheConeHead
- Start date
- Status
- Thread starter
- #3
TheConeHead
Programmer
not sure I understand... how do I have it displayed on the monitor, but not printed via display: none
-
1
- #4
Small example:
The style section with media='print' would contain only
those styles intended for printing. If you also wanted the background of that particular div to be blue, for example, you would have to create another stylesheet with the media set to 'screen':
In this example, the div background is blue on screen, but invisible on the printout.
For more details:
Good luck!
--Dave
Code:
<html>
<head>
<STYLE MEDIA='print'>
div.screenOnly{
display:none;
}
</STYLE>
</head>
<body>
abc<div class='screenOnly'>xyz</div>
</body>
</html>The style section with media='print' would contain only
those styles intended for printing. If you also wanted the background of that particular div to be blue, for example, you would have to create another stylesheet with the media set to 'screen':
Code:
<html>
<head>
<STYLE MEDIA='print'>
div.screenOnly{
display:none;
}
</STYLE>
<STYLE MEDIA='screen'>
div.screenOnly{
background:blue;
}
</STYLE>
</head>
<body>
abc
<div class='screenOnly'>xyz</div>
</body>
</html>In this example, the div background is blue on screen, but invisible on the printout.
For more details:
Good luck!
--Dave
- Thread starter
- #5
TheConeHead
Programmer
beauty - exactly what I need! thanks man
- Status
Similar threads
- Locked
- Question