You can set the following properties for any image inserted in a web page: 


Source
Path to the image source file.


You can change the image displayed by clicking the Browse button in the Image Properties dialog box to select a new source file or URL. All other image properties except size remain unchanged for the new image.


Alternative text
Text used as a tooltip (mouse-over text) for the image.


The tooltip appears when a user points to the image when viewing the web page in the Player. Tooltips display the same behavior in the Developer when you view your web page from the Outline Editor or the Topic Editor (for example, in the Concept pane of the Outline Editor).


If this field is left blank, no tooltip appears.


Use actual image size
Displays the image at its full size in the source file. The values in the Height and Width fields reflect the actual image dimensions and cannot be edited when this option is selected.


You can change the image size by deselecting this option and typing new values in the Height and Width fields. Alternatively, you can adjust the size of the image by dragging its anchors directly on the web page.


If you later choose to undo any changes made to the size of the image, simply select this checkbox again to revert to the original size.


Height
Image height, in pixels or points. When the Use actual image size option is deselected, you can modify the image height by typing the desired value in the Height field.


Width
Image width, in pixels or points. When the Use actual image size option is deselected, you can modify the image width by typing the desired value in the Width field.


Units
Choose the height and width size unit in pixels or points.


Preserve aspect ratio
Maintains the ratio between the height and width of the image, to prevent distortion as you resize the image from the Image Properties dialog box. With this option selected, you can type a new value in the Height or Width field, and the value of the other dimension is updated automatically when you tab or click off your entry.


Note that this option applies ONLY when you resize an image from the Image Properties dialog box; it does not affect changes made by dragging the image anchors directly on the web page.


Border
Width of the image border, in pixels.


For images that are not hyperlinks, the border is black.


If an image with a border functions as a hyperlink, its border appears in the default link color. If an image without a border functions as a hyperlink, a 2-pixel colored border is automatically added to indicate the presence of the hyperlink, although you can also increase the width of this border, if desired.


Alignment
Vertical or horizontal alignment of the image relative to the line containing it.


The vertical alignment options are Top, Middle, and Bottom. Top aligns the top of the image with the top of the tallest item in the line, Middle aligns the center of the image with the baseline, and Bottom aligns the bottom of the image with the baseline. In each case, the line wraps to the bottom of the image. These options have no visual effect if the image is on a line by itself.


The remaining options concern horizontal alignment. Left places the image at the left margin and wraps subsequent text along the right side of the image. Similarly, Right places the image at the right margin and wraps subsequent text along the left side of the image. If the image is on a line by itself (that is, if text wrapping is not important), you can use the paragraph alignment controls instead to obtain the same effect.


To edit image properties:

  1. Double-click the image to display the Image Properties dialog box.
     
    You can also right-click the image and select Image Properties from the context menu.
     
  2. Change the image properties as needed.
     
  3. Click OK or press ENTER.
     
    You can also click Apply to see the effects of your changes without closing the dialog box and then make further changes to the image properties if needed.

Table of Contents