246
ADOBE GOLIVE CS2
User Guide
To add a CSS layout object to a page
❖
Do one of the following:
•
Drag a CSS layout object from the CSS set of the objects toolbox to the page.
Note:
When you hold the pointer over a CSS layout object in the CSS set of the objects toolbox, a description of the CSS
layout object appears.
•
Double-click the CSS layout object to place it at the insertion point.
Nest CSS layout objects by dragging a CSS layout object from the CSS set of the objects toolbox to an existing CSS
layout object on the page. For example, drag a padded box inside a Left Fixed Box.
You can use the Select tab of the Table & Boxes palette to navigate in CSS layout objects: Click the Select Parent Table
tool to select the parent CSS layout object, or click in a row or column of a CSS layout object in the tab to place an
insertion point.
To customize a CSS layout object in the CSS Object Inspector
❖
Select the CSS layout object and set values for ID, width, height, color, or padding in the CSS Object Inspector
(available options vary depending on the layout you’ve selected).
See also
“Relative and absolute units” on page 331
To customize a CSS layout object in the CSS Editor
1
Click a border of the area of the CSS layout object that you want to customize, and note its name in the markup
tree bar at the bottom of the document window (for example, div.navboxright_824DC9).
You can edit the IDs of CSS layout objects: Select the CSS layout object and type a new ID in the ID text field in the
CSS Object inspector. For example, change the ID for div.navboxright_824DC9 to “topbox,” so that the CSS layout
object’s name is div.navboxright_topbox.
2
Click the Open CSS Editor button in the upper right corner of the document window.
3
In the CSS Definitions tab of the CSS Editor, select the name you noted in step 1, and set attributes by using the
Properties tabs in the CSS Editor.
Summary of Contents for GOLIVE CS2
Page 1: ...Chapter 1 Copyright User Guide...
Page 251: ...ADOBE GOLIVE CS2 242 User Guide...