Images

CPHA standard image templates

Images add appeal to a page, and you are encouraged to add images. If only one is used on a page, it should be placed at or near the top, so that a reader sees it when the page is first loaded.

Typically, if you have an image that will fill most or all of the column, you will want to display it by itself centred in the column (see example). On the other hand, if the image is less than half the width of the column, you will want to place it on the left (float left) or right (float right), with text flowing beside it (see example).

Also typically, you will want to use one of the options in the table below. This handles all the code to ensure a common look and feel to the image, its caption, and its placement. This includes a light gray area in which the image and caption appear, and white space beside and below floated images. However, if you are displaying an image by itself, you need not use any of the options below. Instead you can just add the image directly by clicking on (see example).

The following are templates that you are encouraged to use when including images with your text. For captions and for links to larger versions of the image, see also the text below this table. Click on a table entry to get the template for the image. Read the notes with a specific template, if present, to learn how to use it.

Note:  If the image does not appear to start on a clean line when it should, or if the material following the image does not start on a clean line when you want it to, insert the following HTML code before or after the image code, as required: