CSS for printing

  • Thread starter Thread starter Helpful person
  • Start date Start date
H

Helpful person

I have a CSS for displaying to the monitor which is linked into my page
as follows:
<link rel="stylesheet" type="text/css" href="screen.css"
media="screen">

I have a CSS for displaying to the printer which is linked to my page
as follows:
<link rel="stylesheet" type="text/css" href="print.css" media="print">

In my print.css I have the line:
div .test {display: none}

On my page I have a layer named test

I am expecting the layer named test to show on the screen but not on
the printed page. However, it shows on both. What am I doing wrong?
 
Helpful said:
I have a CSS for displaying to the monitor which is linked into my
page as follows:
<link rel="stylesheet" type="text/css" href="screen.css"
media="screen">

I have a CSS for displaying to the printer which is linked to my page
as follows:
<link rel="stylesheet" type="text/css" href="print.css" media="print">

In my print.css I have the line:
div .test {display: none}

On my page I have a layer named test

I am expecting the layer named test to show on the screen but not on
the printed page. However, it shows on both. What am I doing wrong?
Click to expand...

I think there are two problems
1. The css should be
div.test {display: none}
or even just
..test {display: none}

2. The div to hide is not *named* test. It is given that class
i.e. <div class="test">

An alternative is to use an id

div#test {display: none}
or even just
#test {display: none}

The div is then given an *id* of test
i.e. <div id="test">
 
Like Trevor, I am a little confused about what your div tag's code looks
like. Can you show me?
 
Trevor said:
I think there are two problems
1. The css should be
div.test {display: none}
or even just
.test {display: none}

2. The div to hide is not *named* test. It is given that class
i.e. <div class="test">

An alternative is to use an id

div#test {display: none}
or even just
#test {display: none}

The div is then given an *id* of test
i.e. <div id="test">
Click to expand...


Thank you very much. div#test {display: none} woks perfectly.
 
Back
Top