Changing the Properties of an Image

You can change the properties of an image, including its height, width, and border using the image properties dialog in Contributor.

To change the properties of an image, perform these tasks:

1. Place your mouse cursor anywhere on the image.

2. Right-click, and select Image Properties from the menu.

   The image properties dialog is displayed (Figure).

   Image Dialog

   
   Description of Image Dialog
   
   

3. Specify or edit each image property as required:

   • Image Info tab:

     • URL: This is the URL of the image on the content server. You can use the Browse Server button to select a different image to replace the current one.

     • Alternative Text: This is the alternative text of the image (that is, the value of the Alt attribute value of the IMG tag). The default is the title of the image on the content server. (See the notes below for typical uses of alternate text.)

     • Width: Specifies the width of the image (in pixels). The default is the actual image width.

     • Height: Specifies the height of the image (in pixels). The default is the actual image height.

       
       

       Note: You can use the icons to the right of the field to lock the aspect ratio of the image or reset the image to its original size (width and height).

       
       

     • Border: Specifies the size of the border around the image (in pixels).

     • HSpace: Controls the horizontal spacing on the left and right sides of the image (in pixels).

     • VSpace: Controls the vertical spacing on the top and bottom sides of the image (in pixels)

     • Align: Aligns the image with other items on the page (left, middle, right, top, and so on). The preview area shows how the image aligns using the current settings.

   • Advanced tab (for advanced users):

     • Id: Specifies the ID of the image.

     • Language Direction: Sets the language direction of the image: left to right ( LTR ) or right to left ( RTL).

     • Language Code: Specifies the language code of the image (for example, 'en', 'de', 'fr').

     • Long Description URL: Specifies the description of the page.

     • Stylesheet Classes: Specifies the name of the CSS class for the image (that is, the class attribute value of the IMG tag).

     • Advisory Title: Specifies the description of the target object.

     • Style: Specifies the style.

4. Click OK to close the dialog.

Considerations

• Many of the settings in the image properties form (height, width, border, horizontal spacing, and vertical spacing) specify their values in pixels. (For more information about pixels, contact your site designer or site manager.)

• The alternative text for an image can be quite useful. By using the "alt" attribute value, you can ensure that alternate text displays when you hover the mouse over the image or the image does not display properly on the web page. In addition, this works for most screen reader programs, which are used by the visually impaired.