Skip to Main Content
Adobe® Dreamweaver® CS4 Bible
book

Adobe® Dreamweaver® CS4 Bible

by Joseph Lowery
March 2009
Beginner to intermediate content levelBeginner to intermediate
1321 pages
46h 24m
English
Wiley
Content preview from Adobe® Dreamweaver® CS4 Bible
609
Creating Lists
15
FIGURE 15-12
The #listnav a:hover style governs the rollover appearance.
The final style is applied to whatever link represents the current page. As such, it’s an exact duplicate
of the style just created for
#listnav a:hover, which makes it a breeze to create. Follow these steps:
1. In the CSS Styles panel, right-click (Control+click) the #listnav a:hover style and
choose Duplicate from the context menu.
2. In the Duplicate CSS Rule dialog box, enter #sellistnav a:link, #sellistnav a:visited,
#sellist a:hover in the Selector field.
3. When you’re finished, click OK to close the dialog.
The style you just created is really the only one that you must apply, and you take care of that last
detail in the following section.
Step 4: Applying the CSS
Because of the way the CSS is written—and the fact that the containing <div> tag was assigned a
CSS class from the beginning—almost all the styles are automatically applied. The only one left is
the style that makes the current link appear selected.
82523c15.indd 609 2/19/09 9:13:30 AM
610
Part III
Adding Advanced Design Features
To apply the selected link style, follow these steps:
1. Place your cursor in the list item that represents the current page. For demonstration pur-
poses, I’ll use Home.
2. In the Tag Selector ...
Become an O’Reilly member and get unlimited access to this title plus top books and audiobooks from O’Reilly and nearly 200 top publishers, thousands of courses curated by job role, 150+ live events each month,
and much more.
Start your free trial

You might also like

Adobe® Dreamweaver® CS5 Bible

Adobe® Dreamweaver® CS5 Bible

Joseph W. Lowery
Dreamweaver® CS3 Bible

Dreamweaver® CS3 Bible

Joseph W. Lowery

Publisher Resources

ISBN: 9780470382523Purchase book