TIP

When aligning graphics you need to consider the real size of the graphic rather than its appearance on screen. For example, in the roses image the background is transparent but coverage is really rectangular. Therefore the text is aligned at the transparent edge not on the ellipse.

 

home

Aligning graphics on a page

This graphic is called 'roses.gif'. The alignment is placed at the bottom. Look at the HTML <img src="roses.gif" align= bottom width= 144 height=108> and see how the text scrolls around the image.

Here the text has been aligned at the top of the graphic and extra horizontal spacing added so that the graphic is moved in from the side of the page.

 

This text lines up with the middle of the image and wraps to a new line. There is border of 3 pixels with font color = "#E0E0E0"

 

This HTML 3.2 code extension positions the graphic on the right of the screen and scrolls the text around it. The image has a hspace of 3 pixels around its border. This is determined by the "hspace" or "vspace" tag.



Go to the previous page.
Go to the next page.
Go to the Home page.

Copyright © 1998 Schoolsnet Australia Pty Ltd. All rights reserved.