Chapter 11: Managing web page content - Convio Online Help

Note: You can achieve the same cleanup by saving the document or by viewing the HTML code and
clicking Update. Cleanup Messy Code lets you preview HTML changes before you save.
Adding and Editing Images
You can insert an image into any page by using the Image icon in the Editor – either by entering the URL
(Web location) of the image or by importing it from your image library. You can also edit the information
for an image already in your content or remove the image completely.
You can also use this icon to add an entirely new image to your content (for example, an image from your
desktop) – and simultaneously to add that image to your image library.
To insert a new image into your content:
1. In the open Editor window, position your cursor where you would like the image to display and click
the (Image icon). The Insert/Edit Image pop-up displays.
2. In the Image URL field, enter (or paste) the path to the image file.
Tip: If you have images on Flickr or elsewhere on the Internet that are available to you, you can
obtain the URL of an image as follows:
• Right click the image.
• Select Properties from the pop-up dialog that displays.
• Copy the Address (URL) of the image from the Properties dialog.
• Paste that URL into the Image URL field in the Insert/Edit image pop-up.
3. In the Alternative Text field, enter a phrase that describes this image for use as the ALT attribute of
the IMG tag.
4. Click the appropriate choice from the list labeled Alignment to position your image within the content.
5. To set display Size:
• Leave the width and height of the image to those settings detected by the system.
• Or, enter the number of pixels for the width of the image in the first box and enter the number of
pixels for the height in the second box.
• Click the Constrain proportions check box to prevent distorting the image.
6. For Border:
• Leave the field blank if you do not want a border line around the image.
• Enter a number for the pixel thickness of the border around your image (for example 1 is a
hairline border).
7. For Vertical Space:
• Leave the field blank if you do not want extra space (padding) above and below the image.
• Or, enter a number to specify how many pixels to pad above and below the image.
Tip: A few pixels of vertical and horizontal space separate an image from your text.
8. For Horizontal Space:
• Leave the field blank if you do not ant extra space on either side of the image.
• Enter a number to specify how many pixels to pad on the left and right sides of the image.
18