Adding content to the layout grid

Using a layout grid, you can add text, images, and other objects anywhere you want on the page. You add text to a layout grid using layout text boxes. Layout text boxes can also contain images and other objects that you want to align within the text or wrap text around. (See Aligning images or objects within text.)

You can store frequently used text and objects in the Objects palette or in the site window for a specific site. (See Using library objects.)

To add text to the layout grid:

Drag a Layout Text Box icon from Basic set  in the Objects palette onto the layout grid and type or paste text into it. (See Adding text to Web pages.)

To add images or other objects to the layout grid:

Do one of the following:

• Drag image files or other media files from the site window onto the layout grid or a layout text box on the grid. Dragging the file from the site window automatically creates a resource link between the page and the image or media file. (See Adding images to a Web page using Smart Objects, or see Adding media to a Web page.)
• Drag object placeholder icons (such as smart objects or components) from the Objects palette onto the grid and link its source file in the Inspector. (See Linking files.)

You can also paste copies of layout text boxes, images, and other objects into a layout grid by clicking in an empty area of the layout grid to place the blinking insertion point and choosing Edit > Paste.

To prevent a layout text box from automatically resizing in GoLive:

In the Layout Text Box Inspector, select Allow Content Overflow. With this option selected, as more text is added or reformatted, the layout text box does not resize in your page layout. This doesn't affect how it will appear in Web browsers.

Note: In a Web browser, the layout text box automatically adjusts its size in relation to its content, which resizes according to the platform that the browser is using--for example, to accommodate fonts that appear smaller on Mac OS and larger on Windows. You can assign a pixel size definition for all text using a cascading style sheet. (See About relative, absolute, and percentage units.)