Hi all,

I have a tableless 3 column page with a header

What is the best way of creating a print page without the right, left and header cells?
Do I have to create a site that is for printing? I obviously want to be able to select file > print.

Cheers

Steve

you create a style sheet and insert it like this:
<link rel="stylesheet" type="text/css" href="print.css" media="print"/>

and put display:none or visibility:hidden for the elements you do not wish to show up on the printed page. The difference is that using dispay:none you remove the element from the page, whereas by using visibility:hidden you hide the element, but it still takes up space in the page. Use whichever better suits your needs.

Great.
How is the style sheet instantiated above the original though.

I didn't quite understand the question :P Or was it a question?
In your html code you need to have:

<link rel="stylesheet" type="text/css" href="mystyle.css" media="screen"/>
<link rel="stylesheet" type="text/css" href="myprintstyle.css" media="print"/>

and the browser will choose the first stylesheet to show on screen and the second stylesheet to use when printing. This is done by specifying the media type.

Oh Great,
thanks you have actually answered the question for me.

Does this selection of the correct style sheet by the browser occur accross different browsers and versions of browser.

Cheers for your time.

Steve.

I have an additional quesiton to ask related to a similar conversion required.

The print.css style sheet enable me to redefine classed for print. Is there a similar way of creating text only style sheet selection?

Cheers.

Steve

You can create as many stylesheets as you want, and then use a stylesheet switcher. A List Apart has some methods to create style switchers: http://search.atomz.com/search/?sp-q...p=All&sp-k=All
take the first four articles.

Thanks very much mate. Youve been a great help.

Steve

Glad I could help.