CSS Placement

Text can be placed on top of text for various effects

As

PAGE

the

Turns...

This page has been designed with overlapping elements. This kind of layout is not possible using anything other than CSS placement, and browsers version 4 or newer.

CSS and Fusion make this not only possible and extremely precise, but also easy.

Text can be placed on top of graphics!

Captions can easily be added to graphics, and they always stick with the illustration.

Text can be placed on top of text for various effects

Here we have three layers of text on top of each other

There's big blue text, with black text under it as a shadow

And there's this small text on top of it all.

Warning:

There are, however, drawbacks to using CSS placement. The biggest problem at the moment is that many people aren't using Version 4 browser, so instead of seeing page layout, they'll see all these items lined up along the left side of their page. Readable, but messy.

But problems persist even for those using newer browsers. Because CSS places objects absolutely on the page, these objects don't move even if a site visitor has their font size set to larger, larger or largest. When that happens, text can overlap, unintentionally, and the results can be unreadable.

So while CSS has some advantages in terms of precision, you have to weigh these against the possible drawbacks.

But whatever you choose, its easy to do in Fusion. And you can choose for just certain pages to use CSS, as this one does, while the rest of your site can use more widely supported (and forgiving) tables to format the page. Click here to return to As The Page Turns...