7.0

Table Of Contents

#menu li {

display: inline;

border-width: 1px 1px 0 1px;

border-color: #666666;

border-style: solid;

padding: 5px; l

line-height: 2em;

margin-right: 3px;

margin-left: 0;

background-image: url("images/btn-bg.gif");

background-repeat: repeat-x;

}

4.5.3 Styling the selected menu item

PSM Web will add an additional class to the selected menu item. This allows the style for the selected menu

item to change to make it stand out. The color, font-weight, background color or background image can be

used to create various effects.

#menu li.selected a {

color: black;

}

The following code snippet shows how both the font color and background color of the selected item can be

changed.

#menu li.selected a {

color: black;

background-color: <? generateSkinContrastColorHighLight(1.1); ?>;

}

Styling - Menu bar