Stylesheet

From the 'Edit Layout' tab,  select the box, then choose a style sheet from the Stylesheet drop-down menu on the Edit Layout toolbar.  The Style Sheet you select will determine which colors, fonts and other attributes will be available for the box.  (Click here for more information about Style Sheets.)

Float

To float one box on top of another, select the box and click on  .  

You must 'float' the box in order to move it over the headers. 

To turn off the Float feature for a box, select the box and click again on the float button.

When two or more boxes overlap, a message similar to    will flash on the tool bar. Click on either of the two links to select the particular boxes that are overlapping.  Normally your boxes should not overlap so that correct relative positioning of boxes can occur.  There are some circumstances where you may need to place one box over another box.  

You may place a 'floating' box anywhere on the page, including the headers (e.g. outside of the page body). The front to back order of boxes is text boxes, picture boxes and menu boxes. Within the types of boxes the order is not guarenteed.

Technical Note:

Browsers handle overlapping boxes differently than non overlapping boxes.  A table structure is generated by the site builder to accomodate all non overlapping boxes.   Although you cannot see the table, it provides a way for your layout to grow proportionally if the viewer of your site has different fonts loaded or attempts to change the size of the font.  If this should occur, the box may become larger.  Because a table structure is used, all of the boxes below this box will also shift down so that they do not bump into each other.

 

When you use overlapping boxes, the tool generates a DIV structure with Absolute Positioning.  With Absolute Positioning, a box will always stay exactly where you position it, even if another box grows and then bumps into it.  You should therefore only allow boxes to overlap when absolutely necessary.  For example:

• Positioning a logo at, or near, the top of your page.
• When you need to overlap images for effect. 
• When you need to place a box over artwork, and no existing background image shape is suitable.

Note that when you use overlapping boxes, the most recently selected box will always remain on top.