Posts: 100
Name: Drew
Location: Garland (Dallas), Texas
|
well you could use css...
you could call a separate stylesheet and create new css rules for the same elements in your document. When the user presses the print button the "print" styles in the separate stylesheet are called.
ill give you an example. you have to a stylesheet called "main.css" and you call it like so:
HTML Code:
<link href="main.css" type="text/css" rel="stylesheet" media="screen" />
maybe in this stylesheet you have a few styles that make the form borders green and the labels blue and the form button could be white with blue text.
Then you would create a separate styleshhet (there is a way to call it in the same stylesheet - i think it is @print...but dont worry about that now, just go with this example first)...so here is the call to the new style sheet that we will call "print.css"...
HTML Code:
<link href="print.css" type="text/css" rel="stylesheet" media="print" />
ok so in the stylesheet we take the same elements you styled in the previous styleshhet and either display them as "none", or you make them "print style", in which i mean, black and white. So that when they print on a printer, you can read it.
most poeple just take the print styles and make everything display as "none" (display:none; ) for all the elements that they dont want displayed and then make the text and links and such black and white optimized for printers, because not everyone has a color printer.
Hope this helps.
__________________
Best Regards,
Drew Decker
Please login or register to view this content. Registration is FREE
|