CSS and printer friendly pages...?

Question

I am currently working on my business's webpage: www.pomeroyappraisal.com and want to drop the printer friendly pages completely and just have it so that when someone prints a page it prints the printer friendly version.

someone told me that this could be done with CSS.

could someone walk me through the process step by step
and provide any sites that may add additional help

if you want the HTML codes, just go to view source in your web browser under whatever page

i plan to do this process on all pages, a good example would be the "contact us" page.

thank you in advance for your help.

thanks so far, i actually thought about the pdf, but that would still require updating 2 documents everytime an update is performed to the page.

i have heard that with CSS you only have to update one page

Answer 1

Create a separate CSS file, name it something like print.css and style it how you like. Then in the head tag of your page(s), put the following line:



Make sure the path is the correct one to your stylesheet.

For your regular CSS for your site, you would use:

Answer 2

Yes, it is possible to use a CSS print stylesheet that automatically takes effect when a user prints a page from your site.

However, taking a look at your site, it would be very difficult to implement this technique.

I suggest spending a few dollars to hire a Web designer, and make print styling a requirement.

Answer 3

As the previous user said use



Alternatively consider creating PDF pages

Answer 4

You have many good suggestions above but remember that the photographer should give specific permission before you make prints. I am going out on a limb here and will give everyone permission to print any photo I have published on my blog as long as I am given credit for taking the photo. The photos should make fairly good prints at 4 x 6. I have not watermarked them either. Link is below.

Answer 5

Ditto the above; alternatively, you may place, in your external style sheet (it is rather a booger to figure out, but it can be done) a section of stylings under an @media print { ... }
section
...
For example, in the normal flow of things, your display may include