Welcome Guest ( Log In | Register )


Why register for free on WebRadiance?
Welcome to WebRadiance forums! WebRadiance is a place for discussion and help on a large range of web design and development related topics such as HTML, CSS, ASP & .NET, PHP and SEO. It is provided for free, without ads and is a friendly place for beginners and professionals alike. By joining us today you can take part in our rapidly growing community.

Registering enables you to:
  • have your say by posting new messages and taking part in topics and polls
  • keep up to date with the latest news and trends in the web design and development world
  • send private messages to other members
  • have your questions answered by our knowledgeable community
  • add a link to your website in our links area
  • receive emails when someone replies to your posts

print.css to lose the background image?

print.css omit background

 
Reply to this topicStart new topic
> print.css to lose the background image?, print.css omit background
expatCanuck
post Aug 26 2008, 03:43 PM
Post #1


W.R. Private
Group Icon

Group: Members
Posts: 9
Joined: 2-August 08
Member No.: 1,099



Greetings -

My site (link in the 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

This post has been edited by expatCanuck: Aug 26 2008, 03:52 PM


--------------------
Go to the top of the page
 
+Quote Post
Catalyst
post Aug 26 2008, 05:40 PM
Post #2


Codesmith
Group Icon

Group: Administrators
Posts: 926
Joined: 4-April 06
From: San Diego
Member No.: 3



Put this in your page header

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

I'd just put the print.css in the same folder as your regular css file. Just define the background-image in print.css using "none"

http://webdesign.about.com/cs/css/a/aa042103a.htm
Go to the top of the page
 
+Quote Post

Reply to this topicStart new topic
Tags
No Tag inserted yet

1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members:

 

RSS Lo-Fi Version Time is now: 3rd December 2008 - 06:01 PM
Contact Us
Web Design Forum | Web Development Forum | Web Help