Where your adventure begins
Showcase your website at Fusion GalleriesNetObjects Fusion 7 Websites Portal



    Understanding border, spacing and padding

    All sizes are in pixels.

    • Border: How wide is the table border?
    • Padding: How much space between cell content and cell edge?
    • Spacing: How far apart are the cells?

    Setting border, spacing and padding

    To set sizes,

    • Enter numbers in Table Properties, or
    • Click up/down arrows to increase/decrease.

    Setting background

    To set a background, click the Background tab on any Properties dialog.

    Note: Gamma rendering differences cause Macintosh systems to display graphic colours differently than Windows PCs.

    • Use all graphic backgrounds, or all Hex colour backgrounds.

    Setting row, column or cell properties

    To set properties,

    • Select the object,
    • Set options on the Properties dialog.

    To select a row,

    1. Click the table
    2. Move the pointer to the left edge of the row
    3. Click when the pointer changes to a bold horizontal arrow.

    To select a column,

    1. Click the table
    2. Move the pointer to the top edge of the column
    3. Click when the pointer changes to a bold vertical arrow.

    To select a single cell, click the cell. To select a different cell, press an Arrow key. To select multiple adjacent cells, press Shift+Arrow.

      Tip: If you find it difficult to select page or table objects, use the Object Tree (F4).

    Working with the Object Tree

    The Object Tree shows every object on the page.

    • To toggle the Object Tree on or off, press F4.
    • To reveal hidden objects, click +.
    • To select an object, click its Object Tree icon.
    • Tip: to make the Object Tree easier to understand, assign friendly names to objects.

    To name an object

    1. Select the object
    2. Click the Actions tab on Properties,
    3. Enter a name in the Object ID box.

    Note: Your object names must use

    • Only alphanumeric characters (A-Z, a-z, 0-9),
    • No spaces.

    Setting column width

    To resize a column

    • Click and drag a top ruler bar column handle, or

    Column Handle

    • Click and drag a column border.

    Column Border

    Setting precise width

    1. Select a column.
    2. Enter a number (pixels), or click up/down arrows to increase/decrease.

    To set a column to the exact width of graphic content, click Fit to Contents.


    • You can't make a column narrower than its widest object.
    • If you need a narrower column, remove or resize the object.

    Setting row height

    To resize a row

    • Click and drag a left ruler bar row handle, or

    Row RulerBar Handle

    • Click and drag a row border.

    Row Border Handle

    Setting precise height

    1. Row HeightCheck Row Height Specified.
    2. Enter a number.

    To fit a row to its tallest content, uncheck Row Height Specified.


    • You can only specify row height equal to or greater than the tallest content.
    • If you need a shorter row height, remove or resize some objects in the tallest cell.

    Merging Cells

    To merge cells,

    1. Select two or more cells,
    2. Right click
    3. Choose Merge Cells.

    Splitting Cells

    To split cells,

    1. Select one or more cells,
    2. Right-click,
    3. Choose Split Cells,
    4. Enter number of columns,
    5. Enter number of rows,
    6. Click OK.

    Note: Fusion limits cell splitting. You can not split a cell into more than

    • 10 columns or
    • 20 rows.

    Nesting Tables


    • Be careful with nested tables.
    • Don't let them get too complex.

    How complex is "too complex?" I don't know exactly.

    • But you will know when the problem bites you.
    • Now you can't say I didn't warn you :-).

    Old versions of Netscape frequently crash when rendering pages with deeply nested tables. When that happens to a site visitor, how likely is a return visit to your web site? (Hint: consider the probability of a hot January night in Tuktoyaktuk, Canada.)

    Fusion can crash when you click icons in the Object Tree to navigate very complex nested table structures. This happens to me with enough regularity to offer a good explanation for my hairline.

    Making tables within tables

    Why would you want to do this? Is it faster or easier than splitting a cell? Sometimes, yes.

    1. Create a new page.
    2. Click the Table Tool.
    3. Draw a 3x3 table in the Layout.
    4. Double-click any cell to select it.
    5. Click the Table Tool.
    6. Draw a 3x3 table in the cell.

    Here's a quick way to embed an existing table inside another table cell.

    1. Click a table's Object Tree icon.
    2. Press CTRL+C.
    3. Double-click in the target table cell.
    4. Press CTRL+V.

    You might want to do this when you want to embed a fancy table design inside another table.

    • Access to the next sections of this tutorial are restricted to gotFusion Lite or Professional Members. To become a member, go to this page.


    Return to the TOP of this page

    View the NEXT page in this tutorial


|  Fusion  |  Web Design  |  Hosting  |  Resources  |  gotFusion Store  | 

Problems with this page?  

All content copyright © 2002 GotFusion LLC.  The name GotFusion and the GotFusion ® logo are registered trademarks of GotFusion LLC
Copyright, legal notice & privacy statement