Wrapping Text around Images

You can place an image at the left or right margin and wrap text around it using the <ALIGN> tag. Place the cursor where you want it and type the following:

This image is aligned left

To align the image at the left margin

Place the cursor where you want the image to appear and type <img src="imagename.fmt" ALIGN=LEFT>

Comment

Remember that the align direction represents the direction in which the image will be aligned. The text will wrap on the opposite side of the image. Stop text wrap with the <br clear=direction> (left, right, or all) attribute in the <br> tag. This image is aligned right

To align the image at the right margin

Place the cursor where you want the image to appear and type <img src="imagename.fmt" ALIGN=RIGHT>


Background Color

You can set the Background Color with the <BODY BGCOLOR=colorname> attribute. The colorname can be either one of the sixteen preset colors or hexadecimal code. The background color goes in the body tag.

Background Image

You can set a Background Image with the <BODY BACKGROUND=imagename> attribute. The imagename is the location of a file on the server. The background image attribute goes in the body tag. Usually, background images are small image files that can be tiled (the browser repeats the image over and over down and across the page).

Pixel Shims

You can nudge objects into position by using pixel shims. Pixel shims are images one pixel by one pixel in size. The most general-purpose shims are transparent, but any color will work.

This image has been moved 25 pixels to the right using a pixel shim.