I have this CSS below. It works well with the module for housemenu, it acts a little different under the skin option. I have looked and studied the examples from DNNCreative, but it does not help me with this.When a menu item is selected and the page is displayed, I want the color to be a diffenent color. It works with the housemenu module as I stated above. The problem is the a#houseMenuCurrentLink that does not seem to be recconized.
One last question, in the Help.txt , it states that you can define a style using "StyleName Gray" Do you know where this css needs to be defined? Thanks for any help. Archie
/* ==========================
CSS STYLES FOR HouseMenu
==========================
*/
/* Applied to all unordered lists within the div named "houseMenuVstatic" */
#HouseMenuNav
{
background-color: #ffffff;
background-image: none;
padding-left: 5px;
padding-right: 4px;
padding-top: 0;
font-family: Verdana, Tahoma, Arial, Helvetica, Sans-Serif;
font-size: 12px;
font-weight: bold;
border-right: #ff9900 0px solid;
border-top: #ff9900 0px solid;
border-left: #ff9900 0px solid;
border-bottom: #ff9900 0px solid;
}
#HouseMenuNav
ul
{
margin: 0;
border: 0;
padding: 0;
font-family: Verdana, Arial, Helvetica, Sans-Serif;
font-size: 20px;
list-style-type: none;
width: 144px;
}
/* Applied to all list items within the div named "HouseMenuNav" */
#HouseMenuNav
li
{
display: inline;
margin: 0;
border: 0;
padding: 0;
width: 144px;
}
/* Applied to all links. Use "li a" styles below to customize nested links. */
#HouseMenuNav
a
{
padding-right: 6px;
display: block;
padding-left: 6px;
padding-bottom: 4px;
color: #ffffff;
padding-top: 4px;
background-color: #4a4a9c;
text-decoration: none;
font-weight: bold;
width: 138px;
_width: 144px;
margin: 4;
font-size: 12px;
text-transform: uppercase;
text-align: left;
}
/* Applied to all links. Use "li a" styles below to customize nested links. */
#HouseMenuNav
a:hover
{
background-color: #336699;
color: #ffffff;
}
/* Applied to first-level links */
#HouseMenuNav
ul a
{
}
/* Applied to second-level links */
#HouseMenuNav
ul ul a
{
padding-left: 12px;
background-color: #6699cc;
width: 138px;
/* hack for MacIE5 to ignore, while other browsers use \*/
width: 132px;
_width: 144px;
/* end hack */
}
/* Applied to third-level links */
#HouseMenuNav
ul ul ul a
{
padding-left: 18px;
background-color: #6699cc;
width: 138px;
/* hack for MacIE5 to ignore, while other browsers use \*/
width: 126px;
_width: 144px;
/* end hack */
}
/* Applied to fourth-level links */
#HouseMenuNav
ul ul ul ul a
{
padding-left: 24px;
background-color: #6699cc;
width: 138px;
/* hack for MacIE5 to ignore, while other browsers use \*/
width: 120px;
_width: 144px;
/* end hack */
}
/* Applied to fifth-level links */
#HouseMenuNav
ul ul ul ul ul a
{
padding-left: 30px;
background-color: #6699cc;
font-weight: normal;
width: 138px;
/* hack for MacIE5 to ignore, while other browsers use \*/
width: 114px;
_width: 144px;
/* end hack */
}
.ArrowPointer
{
cursor: default;
}
/* Applied to the parent item, if displayed, in either vertical or horizontal
orientation. Must follow other styles. */
#HouseMenuNavParentItem
a
{
/* all links under the parent item (li) */
color: #eeeeee;
background-color: #666;
text-decoration: none;
}
a#houseMenuParentLink
{
/* parent link itself */
color: #eeeeee;
background-color: #333;
text-decoration: none;
}
a#houseMenuCurrentLink
{ /* current link itself */
color: #ffffff;
background-color: #600;
text-decoration: none;
}