Child pages
  • Formatting images in the Content Editor
Skip to end of metadata
Go to start of metadata

The purpose of this tutorial is to show how to fix alignment, spacing, and border issues of images in the HTML.

Bring up the formatting palette

1. Click on the picture so it is selected, and click on the Insert/Edit image button on the toolbar above. This displays the Insert/Edit image window.

(click to enlarge this image)

2. Click on the General tab above.

3. Here you are able to choose a URL for your image, give your image a description, and name your image, or browse your computer to upload an image.

Aligning the image and setting horizontal spacing

1. Bring up the formatting palette (see above)

2. Click on the Appearance tab.

3. You have the option of deciding the alignment of text around the image from the available choices. Once you decide on an alignment, click Update on the bottom right.

4. In the Horizontal Space field, enter a number of pixels (about 5 is the width of a letter) and verify the appearance on the preview window by clicking Update. This example shows a horizontal space of 5 pixels.

5. Select Update on bottom right .

6. Another window will pop-up if you have not yet named your image. You may click Ok if you wish to continue or you may go back and name your image.

Setting the image border

1. Bring up the formatting palette (see above)

2. Find the dialogue box titled Border and select a number 1 through 100. The lower the number the smaller the border around your picture.


3. You will be able to preview your picture with its new border on the right hand side of the box. Once you have chosen your border, click Update on the bottom right.


4. Another window will pop-up if you have not yet named your image. You may click Ok if you wish to continue or you may go back and name your image.