not printing div via css 1

TheConeHead · Apr 19, 2004

I have a div that I want to not have printed when a page is printed... anyway to leave it out via css?

[conehead]

Foamcow · Apr 19, 2004

Create an alternative stylesheet and have that particular div set to display:none;

TheConeHead · Apr 19, 2004

not sure I understand... how do I have it displayed on the monitor, but not printed via display: none

[conehead]

LFI · Apr 19, 2004

Small example:

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:

http://msdn.microsoft.com/workshop/author/dhtml/reference/properties/media.asp

Good luck!

--Dave

TheConeHead · Apr 19, 2004

beauty - exactly what I need! thanks man

[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!

not printing div via css 1

TheConeHead

Programmer

Foamcow

Programmer

TheConeHead

Programmer

LFI

Programmer

TheConeHead

Programmer

Similar threads

Part and Inventory Search

Sponsor