image for printing would be set as background image with display none, no repeat and hidden. In your style sheet for printing you would reverse it. Hide page image and show printed image.
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 ??
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.
Hi everyone. I was just wondering if it is possible to change image sizes for print css ?
Thanks
This should work.
image for printing would be set as background image with display none, no repeat and hidden. In your style sheet for printing you would reverse it. Hide page image and show printed image.
Hope it makes sence
You may want to have a look at the bottom of this stylesheet: https://github.com/h5bp/html5-boilerplate/blob/master/css/main.css.
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
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.