Images
The examples on this page demonstrate the styling of images as defined in the University style sheets.
Default
By default, images sit normally within the flow of text.
<img src="images/sample-image.jpg" alt="Sample image" />
Framed
Adding a class of framed to your image tag will give it a subtle border effect.
<img src="images/sample-image.jpg" class="framed" alt="Sample image" />
Align Left
Adding a class of alignleft to your image tag will allow text to flow around it to the right. Alignment can be used with or without the framed class.
<img src="images/sample-image.jpg" class="alignleft framed" alt="Sample image" />
Eodem ipsum consequat etiam sollemnes praesent. Dolore lorem litterarum augue feugait zzril. Feugiat eorum sit imperdiet molestie dignissim.
Mutationem liber congue vulputate doming anteposuerit. Eros dolore veniam litterarum sollemnes aliquam. In dolor placerat litterarum claritatem dolore.
Align Right
Adding a class of alignright to your image tag will allow text to flow around it to the right. Alignment can be used with or without the framed class.
<img src="images/sample-image.jpg" class="alignright framed" alt="Sample image" />
Eodem ipsum consequat etiam sollemnes praesent. Dolore lorem litterarum augue feugait zzril. Feugiat eorum sit imperdiet molestie dignissim.
Mutationem liber congue vulputate doming anteposuerit. Eros dolore veniam litterarum sollemnes aliquam. In dolor placerat litterarum claritatem dolore.
Use of images in the web publishing templates
The Web development wiki contains instructions on how to work with images in the web publishing templates