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
604
Part III
Adding Advanced Design Features
10. In the dialog box, choose the just-defined CSS style from the ID list. When you click OK,
your
<div> is added to the page with some placeholder text. Now you’re ready to add your
list items.
11. Delete the placeholder text in the <div> and, from the Property inspector, select
Unordered List.
12. Enter the text for your button labels, one button per bullet. I’ve got four list items:
Home
Products
Services
About
13. Be sure to avoid placing any unnecessary paragraph returns following the list. Only the list
items you want to appear as buttons should be in the
<div> tag.
14. Add a link to each list item by selecting the text and entering a filename in the Link field
of the Property inspector. Alternatively, you can click the folder icon and choose a file from
the Select File dialog.
At this point, you have a plain bullet list of links in an absolutely positioned
<div> tag on your
page, as shown in Figure 15-9. Now you’re ready to start styling!
FIGURE 15-9
Making each list item a link is a major step toward converting them into CSS buttons.
82523c15.indd 604 2/19/09 9:13:30 AM
605
Creating Lists
15
Step 3: Building the CSS styles
The definition of the CSS styles is at the heart of this technique. In all, six different styles a ...
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