image print css

[hal8]

Hi everyone.
I was just wondering if it is possible to change image sizes for print css ?

Thanks

[Kitty Giraudel]

@media print { img { … } }

You may want to have a look at the bottom of this stylesheet: https://github.com/h5bp/html5-boilerplate/blob/master/css/main.css.

[hal8]

Thanks for the reply. I should try and explain it better.
I have done a few basic websites over the years but have never done any styling for print css.

I did this website for a freind of a friend and they need the print to look the same as it is online really. Should this be easy ??

[Link](http://www.mallardsoftavistock.co.uk/ “link”)

[Paulie_D]

A quick trick is to take a copy of your style.css and rename it to something screenprint.css and use that instead of print.css.

Then try a print preview. If it close to what you want then you can just add/remove from that what you need to get the same final result.

It’s not perfect but it’s a good jumping off point however, you will have to remember that most browsers will not print background colors & (I think) images by default so you may have to figure out a way of overriding that.

[Author]

Posts