Introduction to Dynamic HTML: Properties of STYLE
August 24, 1998
Clearly, positioning your block of content depends upon the
specified STYLE properties. We seemed to pull our
example properties out of a hat -- position, width, left?
Where did we get these from? Well, several documents
on Web contain references to the positioning properties
available for style sheets -- two worth reviewing are
Microsoft's CSS Attributes Reference
(under "Positioning Properties") and
Netscape's Defining Positioned Blocks of HTML Content.
We've included a
handy chart
summarizing the common STYLE
properties which you may want to use when using
the CSS syntax to position blocks of content.
Employing the various STYLE properties gives you powerful control
over the position and look of the blocks of
content on your page. Conceptually, then, when we think in DHTML
we think of a page as made up of one or more blocks.
Of course, this is not immediately evident to the viewer, who
essentially sees a flat Web page, without realizing
that several smaller blocks of content are positioned here and
there to create the overall effect.
Still, the question begs: how is this dynamic? Precise,
yes, but dynamic?
Consider the fact that, now that the blocks have been put into
place, you can -- at any time -- change their
properties. Position, background, clipping region, z-index --
it's all plastic, with the help of JavaScript, and
that is the reason to be excited!
Introduction to Dynamic HTML: Dynamic Positioning
Introduction to Dynamic HTML
Introduction to Dynamic HTML: Putting the D in DHTML
|