print.css file to omit background ??

expatCanuck · 08-26-2008, 09:51 PM

Greetings -

My site (link in signature) has a slightly complex structure -- 7 areas over a background image, and the background resizes to fit the browser size.

What I'd like to do is create a print.css file that omits the background image when the site is printed.

Can anyone provide sample stub code or point me to a useful tutorial?

And where is the print.css file supposed to reside? public_html? public_html/style? wherever the relevant .htm file is?

Thanks kindly.

- Richard

jnjc · 10-20-2008, 12:55 AM

Two points:

1) I don't think you'll have to do anything to achieve this, I have a feeling that most browsers won't print background images anyway (I haven't test this in a while so I am not 100% sure).

2) use the "media" parameter like this:

Code:

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

This specifies that the .css is only for print, put this after your normal .css

HTH,
JC

08-26-2008, 09:51 PM	#1 (permalink)
expatCanuck New Member Join Date: Jul 2008 Posts: 4	print.css file to omit background ?? Greetings - My site (link in signature) has a slightly complex structure -- 7 areas over a background image, and the background resizes to fit the browser size. What I'd like to do is create a print.css file that omits the background image when the site is printed. Can anyone provide sample stub code or point me to a useful tutorial? And where is the print.css file supposed to reside? public_html? public_html/style? wherever the relevant .htm file is? Thanks kindly. - Richard __________________ http://oldwithoutmoney.com Last edited by expatCanuck; 08-26-2008 at 09:57 PM.

10-20-2008, 12:55 AM	#2 (permalink)
jnjc Moderator Join Date: Jun 2008 Posts: 365	Two points: 1) I don't think you'll have to do anything to achieve this, I have a feeling that most browsers won't print background images anyway (I haven't test this in a while so I am not 100% sure). 2) use the "media" parameter like this: Code: <link rel="stylesheet" type="text/css" href="print.css" media="print" /> This specifies that the .css is only for print, put this after your normal .css HTH, JC __________________ www.solasit.com.au Website Design and Development Melbourne, Australia

Thread Tools
Show Printable Version Email this Page
Display Modes
Linear Mode Switch to Hybrid Mode Switch to Threaded Mode