Fun with Tables

 

You can extend all of your templates by using tables!  Inserting a table into an existing panel allows you to further organize and align text, images or combinations to come up with page layouts beyond the standard.

 

Sometimes, you'll want your tables to be visible, either by showing the borders between the cells or adding fill to your cells (or both)!  But tables can also have invisible borders and fill, which is a terrific way to "float and align" your images and words just the way you want them.  Tables also give you some design flexibility, such as adding a color bar with contrasting or reversed text. to subdivide panels and organize content.

 

To give you some ideas about this flexibility, below are some different ways that tables can be used to show the same content:

 

 

"Standard" Table with Narrow Border and No Fill

In this example, there's a two-row, three-column table into which a mixture of images and text has been entered.  Each cell was setup for Center justification.

 

 

 

 

 Sample Desktop

 Sample Editor

 Sample Chart

 

 

 

 

 

Table with No Border and No Background Colors

This is the same table as above, the but the border width was set at "0" which allows the images and text to float over the background, but are still aligned within the cells.

 

 

 

 

 Sample Desktop

 Sample Editor

 Sample Chart

 

 

 


 

Two Tables: Both with no Borders

Here's a case where two tables are used.  There is a one-row, three-column table containing the images without borders or fill.  The second table holds the text with no cell borders ("0" width) but there is orange fill and the text is set in white.

 

 

 

Emax Desktop

 

 

Sample Desktop

 Sample Editor   

  Sample Chart   

 

 

 

 

Table with Cell Fill and No Borders

In this last example, a single table contains all the images and text and there are no borders, but the cells are filled.

 

 

 

 

 

 Sample Desktop

 Sample Editor

 Sample Chart

 

       
   This is text before adjusting table spacing  This is text AFTER adjusting table padding