Framify

Tag: <spacer>

<spacer> Syntax

Syntax Diagram for <spacer>
Open Parameter = Value Close
<spacerNC typeNC = horizontalNC >NC
verticalNC
blockNC
widthNC = pixelsNC
heightNC
sizeNC
alignNC = topNC
middleNC
bottomNC
texttopNC
absmiddleNC
baselineNC
absbottomNC
leftNC
rightNC

<spacer> Description

The <spacer> tag places an empty space, of the specified size, into document.
type
Specifies what kind of spacer you want. Valid types are horizontal (default), vertical, and block.
width, height
Specifies the horizontal and vertical extent of a two-dimensional (block-type) spacer.
size
Specifies the horizontal or vertical extent of a one-dimensional (linear) spacer.
align
Specifies the spacer's alignment, relative to surrounding elements. The alignment values fall into two categories: vertical alignment and horizontal alignment. The values pertaining to vertical alignment are as follows:

The values pertaining to horizontal alignment (which cause "floating spacers") are as follows:

If two spacers, one with align=left and the other with align=right, are close to each other, the wraparound text will proceed through the channel that exists between them. If there is not room in the current window/frame width to allow the two spacers to exists side by side, the second one will move down until sufficient room is available.

<spacer> Examples

The <spacer> is complex enough to warrant several examples. To more fully appreciate how the various alignment parameters affect behavior, change the window and/or frame width and see what effects result. This markup (unsupported by Internet Explorer): Here is a line of text.<spacer type=vertical size=30> Here is another line of text, 30 pixels below. . . .causes the following to be displayed (notice that the <spacer> causes a linefeed, like a configureable <br>:
Here is a line of text. Here is another line of text, 30 pixels below.
This markup (unsupported by Internet Explorer): Here is some text with a<spacer size=30>30-pixel space in it. . . .causes the following to be displayed:
Here is some text with a30-pixel space in it.
The following markup (again unsupported by Internet Explorer) allows you to make space on one side of an image but not on the other (hspace, often used for the purpose of preventing text from butting up against an image, puts space on both sides and thus causes the margin for the image to be different from the margin for the text): <img src="Earth.jpg" width=100 height=100 align=left><spacer type=block width=20 height=100 align=left>Here is a photo of Earth taken by Apollo 11 astronauts. This view of Earth was photographed from during Apollo 11's translunar journey toward the Moon. The spacecraft was already about 10,000 nautical miles from Earth when this picture was taken. Portions of the landmass of North America and Central America can be seen. . . .causes the following to be displayed:
Here is a photo of Earth taken by Apollo 11 astronauts. This view of Earth was photographed from during Apollo 11's translunar journey toward the Moon. The spacecraft was already about 10,000 nautical miles from Earth when this picture was taken. Portions of the landmass of North America and Central America can be seen.


To simulate the <spacer type=block> functionality on Internet Explorer, you could create a 1x1 transparent GIF image, and then specify the width, height, and align attributes as above.
Last Modified: