Additional attributes
Preface
CSS has so many attributes it would be impossible to incorporate them all into a user friendly interface. We have done our best to include the best, most complete set of CSS attributes needed to build and style complete list menus.
Everyone's needs are different however. This section of the User Guide will cover three of the styles that you can change in the CSS file but are not available from the cssListMenu interface.
The items covered here are the following...
font-family
norm and over state
- Place your cursor inside of the text of any menu button.
- Select the rule shown below from the Rules list.
- Select the font-family dropdown list in the CSS Styles Properties Panel and make your selection.
Horizontal Menu
Vertical Menu
font family
font-size
There is only one setting for the font size which sets both the norm and over states of the button text. It isn't a good idea to mix font sizes between the different mouse events as the buttons may jump or become skewed in the over state.
norm and over state
- Place your cursor inside of the text of any menu button.
- Select the rule shown below from the Rules list.
- Select the font-size dropdown list in the CSS Styles Properties Panel and make your selection.
Horizontal Menu
Vertical Menu
font-size
Bold text - Text Decoration ( Underline links )
You can set either the norm or over state of the button text to be bolded either from the css file itself manually or from the CSS Panels in Dreamweaver. In Dreamweaver this is done in the CSS Panels.
Horizontal Menus
| CSS Panel DW MX | CSS Panel DW8 |
 |
 |
| The 'Current' button is selected |
norm state button
Note: Any time you need to make a change to an attribute that is not available from the interface, such as bold or text-decoration, there is only one change needed for the norm state for both the Horizontal and Vertical menus.
- Place your cursor inside of the text of any menu button.
- Select the appropriate entry ( shown below ) from the Rules list.
- Select bold from the font-weight dropdown list in the CSS Styles Properties Panel.
Horizontal Menu
Vertical Menu
over state button
Note: Any time you need to make a change to an attribute that is not available from the interface, such as bold or text-decoration, there are 4 Rules to change for the over state.
- Place your cursor inside of the text of any menu button.
- One by one, select the rules below from the Rules list.
- Select bold from the font-weight dropdown list in the CSS Styles Properties Panel.
Dreamweaver CSS Properties Panel
| bold text | text-decoration ( underline ) |
 |
 |
PROCEED TO SECTION ONE ( Vertical Configurations )
