Creating true watermarks in FrontPage

07/20/08

Creating true watermarks in FrontPage

On the Background property sheet of the Page Properties dialog box, you can specify a background image and even make that image a watermark, meaning that it won't scroll with the rest of the page. This watermark is still tiled across and down the page, however.

To create a true watermark--a single image that appears in the center of the browser window--you have to use Cascading Style Sheets (CSS). To create a CSS watermark, switch to HTML mode and remove the background parameter from the <body> tag. Then, add the code shown here: <body style="background-image: url('images/sunburst.gif'); background-position: center; background-attachment:fixed; background-repeat: no-repeat">

Be sure to keep all the code on a single line. You will, of course, need to enter the correct image name where indicated.

In Internet Explorer 4.0 and later and Netscape Navigator 6.0 and later, the image appears in the middle of the browser window. In Navigator 4.0, the image appears in the upper-left corner.

Created Date: 12/10/2001 Last Reviewed: 12/10/2001 Rev. Date:

This site was last updated 06/11/06