%TITLE		Floating Graphics
%IMAGES		../images/
%HOME		http://www.med.ufl.edu/medinfo/mtx/
%PARENT		Table of Contents index.html
%INDEX		View MTX File float.mtx
%PREV		heading.html
%NEXT		tables.html
%AUTHOR		Richard Rathe / rrathe@dean.med.ufl.edu
%COPYRIGHT	1996-97 by Richard Rathe
%VERSION	MTX 1.5 User's Manual
%PATH		http://www.med.ufl.edu/medinfo/mtx/docs/
%CREATED	June 1, 1996
%MTX		2.0

For a general discussion of graphics go to the {#Image Tags#images.html#} section.

#Introduction

Version 2.0 HTML is somewhat limited when it comes to integrating text and
graphics. For example, this line of text {=picture=} does not fill the space next
to the picture, it wraps onto subsequent lines below the picture instead.
Netscape introduced the idea of graphics that "float" alongside
other page elements. You can choose to have a graphic float to either the left or
right. Floating is cumulative; graphics will stack up several layers deep. This
may lead to undesirable results. It is often necessary to terminate the
floating property with the {#clear tag##CLEAR#} discussed below. For
{#compatibility#compat.html#} it is best to use floating graphics sparingly.
[{#3.2#current.html#}]

#Float Left

{=\picture Flower Picture=}

This is an example of a graphic floating to the left. To use this property simply
add the left alignment modifier (\) to the image tag: ¾=\picture Flower
Picture=„. Text, lists, tables, and other elements will move up to fill the empty
space next to the graphic. Alternate text is handled as for non-floating
graphics.{C}

#Float Right

{=/picture Flower Picture=}

This is an example of a graphic floating to the right. To use this property
simply add the right alignment modifier (/) to the image tag: ¾=/picture Flower
Picture=„. Text, lists, tables, and other elements will move up to fill the empty
space next to the graphic. Alternate text is handled as for non-floating
graphics.{C}

#Vertical Centering

This picture {=$picture Flower Picture=} is centered vertically. To use this
property simply add the center alignment modifier ($) to the image tag:
¾=$picture Flower Picture=„. The graphic is not truly floating and therefore does
not need to be followed by a clear tag.

#Clear Tag#=CLEAR

The clear tag (¾C„) is used to terminate the floating property. You
must use the clear tag to avoid unwanted formatting problems. The use of the
clear tag is illustrated in the following examples.

#Examples

{=\picture Flower Picture=}

This is some text. This is some text. This is some text. This is some text. This
is some text. This is some text. This is some text. This is some text.

{=\picture Flower Picture=}

This is some text. This is some text. This is some text. This is some text. This
is some text. This is some text. This is some text. This is some text.

{=\picture Flower Picture=}

This is some text. This is some text. This is some text. This is some text. This
is some text. This is some text. This is some text. This is some text.¾C„{C}

{=\picture Flower Picture=}

A list of items:
	Item 1
	Item 2
	Item 3¾C„{C}

{=/picture Flower Picture=}

|none|nowide
|      |*col 1|*col 2|*col 3
|*row 1|one   |this is an example of a table|three
|*row 2|four  |five  |six¾C„{C}

{=/picture Flower Picture=}

This is some text. This is some text. This is some text. This is some text. This
is some text. This is some text. This is some text. This is some text.

{=/picture Flower Picture=}

This is some text. This is some text. This is some text. This is some text. This
is some text. This is some text. This is some text. This is some text.

{=/picture Flower Picture=}

This is some text. This is some text. This is some text. This is some text. This
is some text. This is some text. This is some text. This is some text.¾C„{C}

{=/picture Flower Picture=} This is a long paragraph of text that should
spill over into the space around the pictures. This is a long paragraph of text
that should spill over into the space around the pictures. This is a long
paragraph of text that should spill over into the space around the pictures. This
is a long paragraph of text that should spill over into the space around the
pictures. This is a long paragraph of text that should spill over into the space
around the pictures. This is a long paragraph of text that should spill over into
the space around the pictures. {=\picture Flower Picture=} This is a long
paragraph of text that should spill over into the space around the pictures. This
is a long paragraph of text that should spill over into the space around the
pictures. This is a long paragraph of text that should spill over into the space
around the pictures. This is a long paragraph of text that should spill over into
the space around the pictures. This is a long paragraph of text that should spill
over into the space around the pictures. This is a long paragraph of text that
should spill over into the space around the pictures. This is a long paragraph of
text that should spill over into the space around the pictures. ¾C„{C}