Hi Guys,

Im following this lesson www.dmxzone.com/go?19921

I have made a second style sheet and added it to my page as follows...

<link rel="stylesheet" type="text/css" href="../Styles/dmxNavigationMenu.css" />
<link rel="stylesheet" type="text/css" href="../Styles/dmxNavigationMenu2.css" />
<!--[if lt IE 7]><script type="text/javascript" src="../Styles/IE7.js"></script><![endif]-->
<script type="text/javascript" src="../ScriptLibrary/jquery-latest.pack.js"></script>
<script type="text/javascript" src="../ScriptLibrary/jquery.easing.1.3.js"></script>
<script type="text/javascript" src="../ScriptLibrary/dmxNavigationMenu.js"></script>

When i make changes to my own css sheet I can only seem to change the font styles and the menus main background colour.

I want to put some padding on the left to space the menu items out a little and i want the blue colour on mouse over to be pale grey and no matter what I change im not getting it some how.

Im sure you will see my CSS sheets If I post the link to the menu I hope stafford.staffdata.co.uk/includes/inc_TrialMenu1.asp

Any help is welcomed.
Thanks again.

Hello Less.

You need to edit the following css rules for the color:

.dmxNavigationMenu li a.selected, .dmxNavigationMenu li a:hover, .dmxNavigationMenu li a.hover {
    background: none repeat scroll 0 0 #a9a9a9;
    color: #FFFFFF;

Hi Les,

I see you have 2 opening tags in your css:

.dmxNavigationMenu ul { {

which should be:

.dmxNavigationMenu ul { 

Please change this.

Thanks im such an idiot, to much late night coding, I copied and pasted the comments from the tutorial to help me identify the items and just missed the tag i copied too...

Thank You all is well now..