Print sheets

I have made a style sheet that determines which div's display and which not
for use in a website.
However when I click on the link the invokes the sheet it still prints
everything on the page, but not how it is laid out on the page.
To see it not work go to www.clickatdepaul.org/test/tester.htm
I would appreciate comments on it.
Gary


---
Outgoing mail is certified Virus Free.
Checked by AVG anti-virus system (http://www.grisoft.com).
Version: 6.0.647 / Virus Database: 414 - Release Date: 29/03/2004

"Gary Finnigan" <gjfinnigan (AT) talk21 (DOT) com> wrote:

I have made a style sheet that determines which div's display and which not
for use in a website.
However when I click on the link the invokes the sheet it still prints
everything on the page, but not how it is laid out on the page.
To see it not work go to www.clickatdepaul.org/test/tester.htm

Your style sheets are all marked as being for media="screen,
projection" therefore they should not be used when printing.

You also have a syntax error in your main stylesheet.
http://www.clickatdepaul.org/test/test.css

It starts:
@media screen
a:link {

To use @media you should enclose all the styles for that media inside
{}.

@media screen {
a:link {styles}
selecter {styles}
} /* end of screen media styles */

Why are you putting an @media screen section inside a stylesheet that
is marked as being media="screen projection"? Are you trying to mark
some styles as being only for screen and not for projection?

There are other syntax errors as well:
http://jigsaw.w3.org/css-validator/v...1&profile=css2

Steve

--
"My theories appal you, my heresies outrage you,
I never answer letters and you don't like my tie." - The Doctor

Steve Pugh <steve (AT) pugh (DOT) net> <http://steve.pugh.net/>

Quoth the raven named Gary Finnigan:

I have made a style sheet that determines which div's display and
which not for use in a website. However when I click on the link
the invokes the sheet it still prints everything on the page, but
not how it is laid out on the page. To see it not work go to
www.clickatdepaul.org/test/tester.htm I would appreciate comments
on it. Gary

Instead of this:

<link rel="alternate stylesheet" type="text/css" href="test3.css"
title="print" media="screen" />

Use this:

<link type="text/css" rel="stylesheet" href="test3.css" media="print" />

Outgoing mail is certified Virus Free.

You cannot be sure...

--
-bts
-This space intentionally left blank.

On Fri, 2 Apr 2004 12:44:15 +0100, Gary Finnigan <gjfinnigan (AT) talk21 (DOT) com>
wrote:

I have made a style sheet that determines which div's display and which
not for use in a website.
However when I click on the link the invokes the sheet it still prints
everything on the page, but not how it is laid out on the page.
To see it not work go to www.clickatdepaul.org/test/tester.htm
I would appreciate comments on it.

You've already been told that you need to correctly label your style
sheets. However, you haven't been told that the style sheet switcher
you're using is badly written. Moreover, the system in general is not
intuitive. When I was using it in Opera, I refreshed the page expecting to
get the original layout back after viewing the print version, and I did.
When I tried the same in IE, I did not. The solution was to change the
text size, which is not at all related to reverting from a printing layout.

Mike

--
Michael Winter
M.Winter (AT) blueyonder (DOT) co.invalid (replace ".invalid" with ".uk" to reply)