Watermark on Webpage

BlueSpud · 18-10-2005 07:13PM #1

Anybody know how to get a watermark on a webpage to transfer to a printout of the page. For example, I have a GIF containing the word DRAFT which I want as a watermark, and I do this with:
<BODY BACKGROUND="draft.gif">
This works fine to view the page, but dissapears when you print the page.

zoro · 19-10-2005 08:36AM

That's because it's possible to disable backgrounds when printing - and as it's client side there's nothing you can do about it

Short of actually adding the image to the site normally I'm not sure what you can do

str8_away · 19-10-2005 09:14AM

You can try to use layers or set the image as one of tag then set it position in the web page.

<html><head></head>
<body>
Your web page

<div>
   <img src="draft.gif" style="Filter:Alpha(Opacity=50);" style="position:absolute; left:0px; top:0px;" galleryimg="no">
</div>

</body></html>

style="Filter:Alpha(Opacity=50);
This will turn the image see through, you can play areound the value from 50 to 30 or any other number

style="position:absolute; left:0px; top:0px;"
This sets the image to the top left corner of page. If your image is small then you coud set this to the center of page.

galleryimg="no"
Disable the image toolbar on the image in IE.

Let us know if this works

zoro · 19-10-2005 09:25AM

str8_away - that's a good idea. I thought of doing something like that aswell, but it'd have to be added onto each page manually (unless they're being generated automatically ANYWAY.

Watermark on Webpage

Comments