Insert Image

Clicking the Insert Image toolbar button displays the following popup window:

Select Image Popup

From this window, you can select graphics files already uploaded (“Club Web Graphics”) or standard graphics within the current theme (“Theme Graphics”), or you can upload a new image.

Unlike photo libraries of club activities or member collectibles, these images represent graphics and photos which are part of your website or which represent official club images (such as logos, graphical tag lines, affiliate logos, awards, and other special images.)

To upload an image, click the Browse… button and navigate to the file on your local hard disk or network. Select the file, the click Upload Image to upload it into ClubExpress. It will appear in the Image Files list. Highlight the file name and it will appear in the Preview panel. If it’s the right one, click Select to place it on your page.

Note: Only upload photos that you have the right to upload (i.e. you hold the copyright or the copyright holder has granted permission for the photo to be uploaded.) If you upload photos without permission of the copyright holder, you run the risk of being sued for unauthorized use of copyrighted material.

To edit the properties of an image, click it so that selection handles appear. Then right click and select Properties. You will see the following dialog:

Image Properties Popup

From this window, you can perform the following functions:

  • Specify the width and height of the image in pixels. The system does not maintain the relative dimensions of an image unless you first click the broken “chain” image to join the two fields.
  • Specify a border color and width for the image in pixels. If this parameter is left blank, it defaults to zero.
  • Specify alternative text for users who have images turned off in their browsers.
  • Specify the alignment of the image. Some of the options in the list do not apply to an image sitting on its own line; instead, they control the positioning of the image when it’s next to text.
  • Control the horizontal and vertical spacing around the image, also specified in pixels.

Related Topics

Web Graphics