decorative banner

Using the layout grid


    GoLive layout grids take the pain out of creating table-based designs for your Web pages. Instead of setting up table cells and digging into the source code to position text and objects on the page, you can add a single layout grid to the page and drag layout text boxes and other objects anywhere on the grid. As you add content and reposition it, GoLive adjusts the properties of the layout grid. Layout grids let you position multiple objects on your page with 1-pixel accuracy.

    You can add tables to the layout grid, for example when you want to add a chart with multiple columns and rows to the layout. For information on creating tables, see Creating tables.

    Layout grids and objects on the grid remain fixed in the browser window and don't resize when the window is resized. If you want your page or individual objects to automatically resize when the browser window resizes, you can convert the layout grid to a standard HTML table after you've positioned all the objects on your page and are ready to publish the page. (See Converting a layout grid to a table.) Then you can make the fixed sizes of the table cells browser-resizeable using the Table Inspector. (See Resizing columns, rows, and tables.)

    When you convert a layout grid to a table, GoLive strips out the custom source code and keeps the standard HTML table format. You can also strip out the custom source code when you export or upload the Web page to the server. (See Exporting a site.)

Related Subtopics: