<class home>  <html part II>   <back   next>

html continued

Blocks of Space:

•Two methods:
a. the <spacer> tag method
b. the Pixel Shim method

a. <spacer> method:
•<spacer type="block" width="x" height="y" align="direction" />
(the direction is either left or right depending on which side you want toxt to wrap on)
•no closing tag.
•This will be transparent.

WARNING!!! This tag does not work on Mac IE5.
USE OTHER METHOD BELOW.

example1>>> <spacer> method

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Pony Pony Pony</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body>

<spacer type="block" width="100" height="100" align="left" />
Here is the pony. Isn't she terribly lovely and kind. Oh yes, and she likes carrots and bread. And long walks through the forest. She likes to chase the squirrels and rabbits.

</body>
</html>


b. Pixel Shims: you will need to create a small gif to use as your spacer.
•<img src="shim.gif" width="x" height="y" align="direction" />
(the direction is either left or right depending on which side you want toxt to wrap on)
•This can be a colored image or transparent depending on your gif.

example2>>> Pixel Shim method with colored gif
example3>>> Pixel Shim method with transparent gif

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html>
<head>
<title>Pony Pony Pony</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body>

<img src="shim.gif" width="100" height="100" align="left">
Here is the pony. Isn't she terribly lovely and kind. Oh yes, and she likes carrots and bread. And long walks through the forest. She likes to chase the squirrels and rabbits.

</body>
</html>