• Create BookmarkCreate Bookmark
  • Create Note or TagCreate Note or Tag
  • PrintPrint
Share this Page URL

GoLive Basics > Creating HTML Tables

Creating HTML Tables

Even though most browsers today support HTML layers, tables remain the most reliable way of laying out Web pages. To create a table in GoLive, just drag a table icon from the Basic tab of the Objects palette onto a document. By default, GoLive creates a table with three rows and three columns; the Table Inspector appears automatically, showing the table’s dimensions and other attributes. The biggest problem you’ll have when working with tables is making sure that they work with different browsers. Here are some guidelines for creating effective HTML tables:

  • Make the table invisible. For a table to be invisible, the Border, Cell Pad, and Cell Space attributes must be set to 0. If the Table Inspector isn’t visible, access these attributes by clicking on the border of the table in the GoLive document.

  • Vertically align to “Top.” The default vertical alignment for content in each table cell is centered, but it’s better to align content to the top of the cell; otherwise, you might end up with a gap between the content and the edge of the cell (for example, if you’re creating an image table). You can’t change this universally, but you can do it by row. Click with the cursor to select a table cell and then switch to the Row tab of the Table Inspector. Set Vertical Alignment to Top, and then use the arrow keys on your keyboard to move to the next row, and repeat.

  • Set the proper height and width. If you’re placing an image in a table cell, make sure the height and width of the cell equal the image’s dimensions. The best way to ensure that the cell fits the image it contains is to first set the width and height of the entire table and then go through each cell that contains an image and set its height and width individually.

  • Use the Spacer tag for empty cells. It is not enough to set the dimensions of empty table cells and leave it at that. Internet Explorer will obey the Width attribute and maintain the cell’s width with integrity, but Navigator might “collapse” the cell. To fix this, drag the Horizontal Spacer tag, which is a Netscape tag used exclusively by Navigator, into the cell from the Basic tab of the Objects palette. Then set the width to that of the cell itself.

  • Use Cell Pad instead of Cell Space. If you have defined a background color or you’re using a background image for your table and you want the table cells to appear continuously, without gaps between them, don’t use Cell Space (it creates space between cells).

  • Check backgrounds. It is possible to load an image into a table as a background, but Navigator handles backgrounds very poorly (see the example later in this chapter). If you intend to use images as backgrounds in tables, be sure to set your monitor to 256 colors and check them in older versions of Navigator. Before Netscape redesigned its rendering engine for Navigator 6.0, the Navigator browser would treat background images differently than regular images.



Not a subscriber?

Start A Free Trial

  • Creative Edge
  • Create BookmarkCreate Bookmark
  • Create Note or TagCreate Note or Tag
  • PrintPrint