W
william.oram
I have two CSS files for print and screen. In screen.css:
..screen
{
font-weight:bold;
font-size:12px;
}
..print
{
visibility:hidden;
}
In the HTML:
<html>
<link rel="stylesheet" type="text/css" media="screen"
href="screen.css" />
</head>
<body>
<font class="screen">Text A</font><br><font class="print">Text B</
font>
[etc.]
In print.css, the parameters are swapped. In other words, Text B will
show on the printed page, but not on screen, and vice-versa for Text
A.
But as it stands now, it's not quite working. On "screen," it looks
OK; hidden text is hidden, shown text is shown. When printed in
Firefox 2, though, the output looks no different from on "screen." I'm
stumped why this is, and so is everyone else I've shown this to. Any
ideas?
..screen
{
font-weight:bold;
font-size:12px;
}
{
visibility:hidden;
}
In the HTML:
<html>
<link rel="stylesheet" type="text/css" media="screen"
href="screen.css" />
</head>
<body>
<font class="screen">Text A</font><br><font class="print">Text B</
font>
[etc.]
In print.css, the parameters are swapped. In other words, Text B will
show on the printed page, but not on screen, and vice-versa for Text
A.
But as it stands now, it's not quite working. On "screen," it looks
OK; hidden text is hidden, shown text is shown. When printed in
Firefox 2, though, the output looks no different from on "screen." I'm
stumped why this is, and so is everyone else I've shown this to. Any
ideas?