CSS floats used for design effects & lighter pages

By using a coded float your page will be smaller and load faster.  If you are only using one or two small floats it would be easier just to use the web studio signs, but if you are using many like this site does it may be better to use this method.

These "Css signs" (floats) are coding not images

TIP:    How to get any color # (hex code number)
Hold down the ALT key and click on your page
Type in any letter and make it the color you want.
Right click on it, choose "edit HTML" and copy the #800000
It'll look like this:  <FONT color=#800000>

The example (above) is a page that uses only 
5 HTML objects 
and no images at all!

"Floats" are ideal if you want a fast loading page.

They are only a line or two of code!   No images so they will keep your pages light.

 Download the ows file so you can just drag them onto your page in the future or copy paste the code.

 Examples of the types of
borders you can use are
below on the right.

TIP: Hold down the control key and drag a "fill color" from the special FX menu onto the HTML object
 That way you can see what it will look like when you preview

Above is an example of what you can do.
That is no images at all just a couple of HTML objects and some code

outset

border-style: outset;
border-style: inset;

 inset

ridge

border-style: ridge;
border-style: groove;

groove

dotted

border-style: dotted;
border-style: dashed;

dashed

solid

border-style: solid;
border-style: double;

double

The different BORDER styles

Want to do rounded corners?
 Look at the more fun with floats page.

This page last modified on Sunday, June 11, 2006