HOW TO: Create a Fixed, Centered Watermark Using Cascading Style Sheets in FrontPage 2002 (318167)

SUMMARY

Use this step-by-step guide to create a fixed watermark background image on a web page by using Cascading Style Sheets.

NOTE: This article uses custom Cascading Style Sheets that may not be available in all browsers. For more information about compatibility with other browsers, click Microsoft FrontPage Help on the Help menu, type compatibility in the Office Assistant or the Answer Wizard, and then click Search to view the topic.

back to the top

Step 1: Save a Page and Wallpaper Image to Your Web

1. In FrontPage, open a Web.
2. Click the New Page button on the Standard toolbar.
   
   NOTE: If the Standard toolbar is not visible, point to Toolbars on the View menu, and then click Standard.
3. Insert an image file. To do this, follow these steps:
   1. On the Insert menu, point to Picture and then click From File.
   2. In the Picture dialog box, follow these steps:
      1. In the Look in list, click My Computer.
      2. Double-click the drive where your Windows folder is located.
      3. Double-click your Windows folder.
      4. Double-click one of the default wallpaper image files (*.bmp). The background image is inserted onto your Web page.
4. On the File menu, click Save.
5. In the File name box type a name for your file (for example, type BackgroundTest.htm), and click Save.
6. In the Save Embedded Files dialog box, click OK to save the image to your Web.
   
   NOTE: If you want to save the image to a specific folder in your Web, click Change Folder and point to the folder where you want to save the image.

back to the top

Step 2: Use Cascading Style Sheets to Set the Background Image Properties

1. If the page you created in Step 1: Save a Page and Wallpaper Image to Your Web is not open, open it.
2. Select the image on the Web page and then click Delete on the Edit menu.
3. On the Format menu, click Style.
4. In the list of available styles, click Body, and then click Modify.
5. Click Format and then click Border.
6. Click the Shading tab. Click Browse to select the image that you saved to your Web in Step 1: Save a Page and Wallpaper Image to Your Web and then click Open.
7. In the Borders and Shading dialog box, perform the following steps:
   1. In the Vertical position list, click Center.
   2. In the Horizontal position list, click Center.
   3. In the Repeat list, click No-repeat.
   4. In the Attachment list, click Fixed.
   5. Click OK to close the Borders and Shading dialog box.
8. Click OK to close the Modify Style dialog box.
9. Click OK to close the Style dialog box.
10. On the File menu, click Save to save the page to your Web.

back to the top