The Insert Image Dialog

The Attributes Used in the Insert Image Dialog.

Each of the boxes in the Insert Image Dialog corresponds to an Image Attribute. For example, when you select a border of 3 pixels, the Insert Image Dialog generates the Image Tag, <IMG>, with the border attribute. For example,

<IMG SRC=”pic.jpg” BORDER=”3”>.

You can easily check this by switching between WYSIWYG and HTML view.

Image Filename

This is the filename of the image you want to insert into your document. Click the graphics/Hotdog500000002.gif button to find the image you want to insert or click the wizard button to start the Insert Image Wizard.

Image Height

After selecting an image, its height in pixels is automatically displayed in the height box. You can change this height to whatever value you want. But remember, the file size of the image always remains the same, so if an image is too large, don’t shrink it using the height and width parameter, instead, use a smaller image.

Image Width

After selecting an image, its width in pixels is automatically displayed in the width box. You can change this width to whatever value you want. But remember, the file size of the image always remains the same, so if an image is too large, don’t shrink it using the height and width parameter, instead, use a smaller image.

Text Description

Some users, to save time or bandwidth, don’t display images. For this reason you should always have a meaningful text description accompanying your image. This text description is only displayed when the image is loading, or if a user has turned images off on their browser.

Image Alignment

The alignment of an image is relative to the text around it, and the alignment you choose affects how text wraps around your image.

Border Width

This defines the border around the image. When you make an image clickable - that is, insert a URL around an image, an ugly border appears. You can remove this border by setting the Border Width to zero.

Horizontal Distance from Text

This defines an area around your image. The units are in pixels. Effectively, it creates an invisible border around your image. It is useful to prevent text from coming hard up against your images.

Vertical Distance from Text

This defines an area around your image. The units are in pixels. Effectively it creates an invisible border around your image. It is useful to prevent text from coming hard up against your images.

This is by no means a complete listing of all the possible attributes an image can use. For a comprehensive listing, see the HTML Property Sheet.