How to place images

You can have an image 250 pixels wide in either the left or right column. If you go beyond these dimentions in the template, you risk having printing problems. Place images larger than 250 pixels in their own column. If these options are not large enough for your image, then make a small image that opens the full-size image in a new window.

For accessibility reasons, please insert alt tags into all your image tags, especially those images that are links.

 

picture sample

Sample: image placed in the flow of text


Sample: image on its own (column1 class)

 

          Here is the code to make a division as above.

</div> <!--closes column2b-->
</div> <!--closes column1-->

<div class="column1">
<img src="images/bird500pixels.gif"
alt="" width="500" height="315"
class="figure-padding" />
</div><!-- closes column1 -->

<div class="column1">
<div class="column2b">

 

picture example

Sample: image in left column (column2a)

Here is the code to make a division and a left-side image:

</div> <!--closes column2b-->
</div> <!--closes column1-->

<div class="column1">

<div class="column2a">
<img src="images/bird250pixels.gif" alt="" />
</div><!-- closes column2a -->

<div class="column2b">
...(regular right hand column material)

 

 

Top