FP98: Image with Hyperlink Has Colored Border

• Microsoft FrontPage 98 for Windows

SUMMARY

When you use an image as the source of a hyperlink, FrontPage 98 will create a border around the image to indicate that the image is a hyperlink.

MORE INFORMATION

This behavior is defined within the specification for HTML 3.2, as posted at http://www.w3.org/TR/REC-html32.html#img. When you view the a page in a browser such as Internet Explorer (IE), the border helps you see that the image is a hyperlink. This border increases the accessibility of your Web to all Internet users.

Defining the Border for a Few Images on a Page

To alter the size of the border, or to remove it entirely from a small number of images, follow these steps:

1. In FrontPage Editor, right-click the image and click Image Properties on the shortcut menu.

2. In the Image Properties dialog box, click the Appearance tab.

3. In the Border Thickness box, enter the desired value (the value 0 will remove the border).

4. Click OK.

5. Repeat steps 1-4 for each image.

Defining the Border for Multiple Images (Use with IE 4.0 or 4.01 Only)

NOTE: When you use this method, the borders will still appear in FrontPage Editor, but will not be visible in a Web browser that supports cascading style sheets. Also, this method will not work for IE 3.x or Netscape Navigator 3.x browsers, nor will it work for Netscape Navigator 4.01 browsers.

If you want to define the border for multiple images on a page, use the Stylesheet command to define all images on the page as having a specified border size. To do this, follow these steps:

1. In FrontPage Editor, click Stylesheet on the Format menu.

2. Position the insertion point after the first two hyphens (<!--) and press ENTER.

3. Type "IMG" (without the quotation marks).

4. Click Style at the bottom of the box.

5. Click the Borders tab.

6. In the Width boxes for Top, Left, Bottom, and Right, type the size you want (type 0 for none).

7. click OK.

         The syntax in the Format Stylesheet dialog box should resemble the
         following:
   

            <style>
            <!--
            IMG {border: 0}
            -->
            </style>
   
   

8. Click OK.

9. On the File menu, click Save.

REFERENCES

For more information on HTML 3.2, please see the following Web site:

   http://www.w3.org/TR/REC-html32.html

   http://www.w3.org/Style/

   StyleSheet command