Normally printing from a web page doesn’t include background images as the can give unexpected results ( obscuring the text ).
For the header image, you can “lift it up” and let it be a normal image in the header.php. If you have an overlaid text, as the name of your blog, you can set the z-order of the text higher.
Any background image on the main ( content ) area, you may want to skip in the print version.
Thank you petit.
How do I “lift up” the image? I’ve tried using <img> tags but the image disapears completely from the screen. Also, I have a navigation menu over a portion of the image.Can I set the z-order of this as well so that the nav is sitting on top of the image?
OK! By lifting up, I meant to get rid of the header image. Normally this image is set in your style.css file. It may look something like this:
body {
font-size:...;
....
background: url( images/bg_body.gif ) repeat-x top #eef;
}
Then in your header.php, you can add in the header div:
<img src=”yourimage.gif” /> to get the image in the normal flow of the page.
This can look a little different, depending the theme you use.
It should be possible to give any other block ( i.e. a div ) containing the navigational links a z-order, but I think it sounds a bit complicated.
What theme are you using?
Could we have a link to your site, to fully understand what you want to do?
