3. From the CSS Styles panel, select Attach Style Sheet; when the dialog opens, import your previously
created style sheet. Click OK to close the dialog when you??™re done.
4. Now define the first of your CSS, which positions and gives the basic shape to the navigation bar.
From the CSS Styles panel, select New CSS Rule.
5. In the New CSS Rule dialog box, select Advanced and enter the ID for the element to contain the
list navigation. I called mine #listnav. You??™ll recall that the opening hash mark designates an
ID selector in CSS.
6. Click OK to open the CSS Rule Definition dialog and switch to the Position category.
7. Set these values in the Positioning category, as shown in Figure 15-8:
Type Absolute
Width 151 pixels
Top 50 pixels
Left 25 pixels
FIGURE 15-8
Determine where the navigation element is to appear by setting values in the Positioning
category.
TIPTIP
531
Creating Lists 15
8. When you??™re finished, click OK to close the CSS Rule definition dialog. The next step combines
two actions into one: inserting a
tag and assigning the CSS style you just created.
9. From the Layout category of the Insert bar, select Insert Div Tag.
10. In the dialog box, choose the just-defined CSS style from the ID list. When you click OK, your