<MULTICOL>...</MULTICOL>
Description
This description is taken from the Netscape description of the element.
This element is a container and all the HTML between the starting and ending
element will be displayed in a multicolumn format. The element can be nested.
The code that attempts to make even-length columns is a page-breaking
algorithm. This attempts to make column breaks look correct in conjunction
with left- and right-aligned images. However, it is possible to create a column
in which the page-breaking code cannot find a location to break. In this case,
you may end up with one long column.
The element recognizes current font status. So if you begin a bold section
before the multicolumn, the text in the columns will start bold, and if you
close the bold in the middle of the multicolumn, this nonbold status will
continue once you leave the multicolumn.
Attributes
COLS
This attribute is mandatory and controls how many columns the display will be
split into. Layout will attempt to flow elements evenly across the columns to
make each column about the same height. Unless the WIDTH attribute is
specified, column width is adjusted to fill the available view.
Column sizes are not adjusted for optimal fit as table cells are. If you
specify very narrow columns and put a very wide unbreakable element in the
column, it will overlap into neighboring columns.
GUTTER
This controls the amount of space between columns in pixels. It defaults to a
value of 10.
WIDTH
This attribute controls the width of an individual column. All columns are
always the same width, so the overall width of a multicolumn layout can be
calculated with :
(cols * width) + ([cols - 1] * gutter).
Examples
 |
<MULTICOL cols="2" gutter="15">
<EM>Nested Multicolumns</EM> - This is an example of text in a nested
multicolumn. First we need some text to fill the columns. As this
is just an example any text will do so : bla bla bla bla bla bla bla
bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla.
<MULTICOL cols="3" gutter="8" width="100%"> <SPAN style="color: #E88">
Here, we've entered another <TT>MULTICOL</TT> element into the HTML to
produce with a narrow gutter (8 pixels). It is possible to nest
<TT>MULTICOL</TT> elements infinitely.</SPAN></MULTICOL>
Some more text, bla bla bla bla bla bla bla bla bla bla bla bla bla
bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla
bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla
bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla
bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla
bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla.
</MULTICOL>
|
| |
 |
|
Nested Multicolumns - This is an example of text in a nested
multicolumn. First we need some text to fill the columns. As this
is just an example any text will do so : bla bla bla bla bla bla bla
bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla.
Here, we've entered another MULTICOL element into the HTML to
produce with a narrow gutter (8 pixels). It is possible to nest
MULTICOL elements infinitely.
Some more text, bla bla bla bla bla bla bla bla bla bla bla bla bla
bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla
bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla
bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla
bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla
bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla.
|
