Create Print Pages With CSS - How To?

[darren13]

Okay guys,

I'm stumped, I admit it! I thought I'd get on fairly easily with this, but am at a bit of a dead end.

I've created a test page at ( http://www.halcyonholidaycottages.co...-css-print.htm ) to try this out on.

I've followed (I think!) the instructions I found on the 4guys from rolla page ( http://www.4guysfromrolla.com/webtech/061103-1.shtml ) with regards to setting up a separate css style which the browser then recognises when the visitor clicks on 'print'.

However, the navigation menu on the left and the header image at the top weren't supposed to disappear until the visitor went to File/Print...as you can see, it seems that the display has been turned off for these two before Print is clicked...

Think I've missed something here - if anyone can help, my css files are at http://www.halcyonholidaycottages.co.uk/print.css and http://www.halcyonholidaycottages.co.uk/Halcyon.css

Any help as ever gratefully received!

Many Thanks,
Darren.

[Webnauts]

Darren check this tutorial: http://alistapart.com/articles/goingtoprint/

[darren13]

Thanks Webnauts -
I'd found that through a link on page 2 of this forum - someone else's trials and tribulations with printing and css! In fact it may even have been your link I followed there!

Fortunately for me, I have now solved my problem - I had a good look at the html and found that there was a duplicate link to the stylesheet "print.css" - in this one I hadn't declared media="print" though. I took it out and hey presto!

So thanks to those who looked...sorry I didn't find it before posting and wasting your time!

Darren.

[Webnauts]

No problem Darren. Important is that you got it fixed buddy. :)

[darren13]

The link to the other article I found with information on this (using a separate css 'print style' to make the page printer friendly - www.webproworld.com/viewtopic.php?t=65609

Thanks,
D