I have some web pages on which I'd like to suppress certain items when
printing. This is mostly working nicely:
index.htm (here stripped to relevant essentials) has:
<head>
<link rel="stylesheet" href="style0.css" type="text/css">
<link rel="stylesheet" href="print0.css" type="text/css" media="print">
<head>
<body>
Always see this.
<div class="noprint">
See this on screen; but don't print.
</div>
Always see this.
</body>
and "print0.css" has:
.noprint {
display: none;
}
That seems fine.
But I also have a table from which I would similarly like some print-time
suppression, this time of certain columns. I'm trying:
<table ...>
<colgroup>
</colgroup>
<colgroup class="title">
</colgroup>
<colgroup span=3 class="noprint">
</colgroup>
<colgroup class="comment">
</colgroup>
[... table contents ...]
<table>
That is, six columns (1 to 6) visible when browsing; but when printing,
suppress 3,4 and 5, and only print columns 1, 2 and 6.
Any thoughts on how to make this functionality work (at least for
reasonably CSS-compliant browsers)? A "known-good" demonstration example
would be nice. Do any exist? Or is the concept not supported?
--
: David Lee I.T. Service :
: Senior Systems Programmer Computer Centre :
: Durham University :
: http://www.dur.ac.uk/t.d.lee/ South Road :
: Durham DH1 3LE :
: Phone: +44 191 334 2752 U.K. :