• I’ve created print styles within my styles.css.
    But it seems that the printing of the header image and any background image is turned off by default. How can I turn them on and be able to print them?

    Thank you!

Viewing 3 replies - 1 through 3 (of 3 total)
  • 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.

    Thread Starter truck808

    (@truck808)

    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?

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘How to print image in header?’ is closed to new replies.