Image Alignment Options

ALIGNMENT OPTIONS

Type of Alignment/Image Options What it looks like!
LEFT The WorldObserve that this positions the image at the left side with text flowing around it on the right. This is a new HTML option that may not show up on all older browsers!
RIGHT The WorldObserve that this positions the image at the right side with text flowing around it on the left. This is a new HTML option that may not show up on all older browsers!
TOP The WorldObserve that this causes the image to run into the paragraph and the line containing the image is aligned with the image top!
BOTTOM The WorldObserve that this causes the image to run into the paragraph and the line containing the image is aligned with the image bottom!
MIDDLE The WorldObserve that this causes the image to run into the paragraph and the line containing the image is aligned with the image middle!
HSPACE The WorldThis option will add 10 pixels of blank space to the left and right of the image. This will also push the image away from the left margin in this example.
VSPACE The WorldThis option will add 5 pixels of blank space to the top and bottom of the image. Obviously the V in VSPACE stands for vertical!
HSPACE/VSPACE The WorldThis option will add 6 pixels of blank space to the left, right, top and bottom of the image. This will also push the image away from the left margin in this example and create a uniform blank space around the entire graphic.
With Border The WorldThis option will add 10 pixels of blank space to the left and right of the image and place a border around the entire graphic. The number used after border represents the thickness of the image border. Try setting linking graphics (buttons) borders to 0. This has the effect of improving the color balance of a web page.
With Size (Height/Width) The WorldThis option will add 10 pixels of blank space to the left and right of the image and give the height and width of a graphic in pixels. If you know the dimensions of the graphic, it is more efficient to provide the coordinates to save browser loading time especially when a page has a great deal of graphics. This feature can also be used to make a graphic load smaller (like this example). This is not a good idea, however. If your forcing somebody to load a large graphic into their browser, why show it smaller? It is better to produce a smaller graphic in gif or jpg form in the first place!