Sent by Ted Drake on 1 December 2004 17:05
Don't forget the power of print style sheets and being able to present a new message to those that
print a page.
I have included a print class to hide certain elements from the browser but show to the print style
sheet.
You can insert copyright notices in your galleries,
"This page was printed from the North Park Museum of Art, if you would like more information on
using this image, please contact our rights and reproductions department at xxx-xxx-xxxx."
On our policy print out page, the policy number is red on a page that is printed in color to make it
stand out.
We use an image replacement technique for our h1 tag, so I am inserting a header image for printed
pages or those that have style sheets turned off.
You can insert a quote like, "for more information on this product, call xxx-xxx-xxxx. Remember
people print pages and give them to friends.
There is an article, I believe on alistapart.com that has more information on this. It's easy to do
..print {display:none;} goes in your main style sheet.
..print {display:block;}goes in your print style sheet.
It's also a wow-ser for you to show how brilliant you are to the sales or marketing department.
Look at what I can do for our clients that print a page! They now have all of the contact
information as well as their personal sales contact at the bottom of each page! Now that is some
service. Aren't I a magician?!
Take a look at our site: http://www.csatravelprotection.com and view the pages with the print
preview and you'll see how we've done more than just change the font. We've moved the margins
around, removed the quote teaser, changed fonts, removed links, and in some cases completely
reformatted the dl's to condense the printed pages.
Ted
http://www.csatravelprotection.com
___________________________________________
Sylvain Vachon
I work on a commercial banking site and we offer a print button on every
page. This button is simply a javascript:window.print() link. We have a
main CSS which is for all media and a specific CSS for print. Here's the
sequence of their import:
<link rel="stylesheet" href="/style/sbi.css" type="text/css" media="all" />
<link rel="stylesheet" href="/style/sbiPrint.css" type="text/css" media="print" />
We wanted only to remove some navigation menus, headers and non-pertinent
informations when we print. We also override font attributes to better
match printed media (use "pt" instead of "em" and "px"), colors, change
backgrounds into something printable (for those who use the browser option
"remove backgrounds when printing"). All we had to do is override styles
from "media=all" inside "media=print" to get the results we wanted on a
sheet of paper. Remember that the order of import/link CSS is important
when you override styles.
With a little planning, everything works fine and is easy to manage.
______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
