Question

I am able to set text on every print page but if I have to set image in place of text, what necessary changes do I have to make? Here’s the code I have used so far:

<div class="divFooter">UNCLASSIFIED</div>

CSS:

<style type="text/css">
    @media screen {
        div.divFooter {
            display: none;
        }
    }
    @media print {
        div.divFooter {
            position: fixed;
            bottom: 0;
        }
    }
</style>

Thank you in advance.

Answer 1

Try something like this:

@media print {
    div.divFooter {
        position: fixed;
        background: url(http://path/to/image.png);
        height: 100px; /* put the image height here */
        width: 100px; /* put the image width here */
        bottom: 0;
    }
}

Of course, you can also do something like this instead without using any extra CSS:

<div class="divFooter"><img src="..." /></div>

There are lots of options, it really depends on what exactly you want to accomplish.