How do I set up 2 different styles for links

[Jeffie]

Can anyone help with a few problems styling the javascript menu at www.jeffcooperdesign.co.uk/slashdot. I have also posted this on the scripts forum but I think my problem is more css related.

1) Script Title: slashdot

2) Script URL (on DD):http://www.dynamicdrive.com/dynamicindex1/slashdot.htm

3) Describe problem:Not all of the menus have submenu content. Home, About Us, Dates and Prices and Bookng Form need to go directly to the relevant page. How can I make these pages a link whilst keeping the style (bold, white text on Blue background) exactly as it is, while not altering the style of the submenus

Also it is possible to make every header a link, even if it does have a submenu. For example when clicking on Adventure Sailing, as well as showing the submenu it also takes you to the Adventure Sailing page.

My css and js files are attached


Thanks
Jeff

[BLiZZaRD]

Do you just want colors to change or not change? I don't follow exactly what you want...

[Jeffie]

Hi, thanks for the reply

I am happy with the submenus (light grey/inactive, green/hover)

I would like to make the white text on blue background a link also (eg home). I don't actually want a visual change to these links at all, however, when I make them a link they pick up the attribute from the submenu links ie blue text on a grey background.

Can I make 'home' a link without changing it's appearance?

Do that make sense!? If not I can make 'home' a link so that you can see what happens.

Thanks

[BLiZZaRD]

sure can... Just edit the CSS a bit...

.buttonStay a, a:hover, a:link, a:visited{
       color: #FFF;
       background-color: #???;  /*insert hex for the blue color*/
}

Then in the HTML just add the class to the buttons you want to stay the same:

<li class="buttonStay"><a href="yousite.com/index.html">Home</a></li>

It will be slightly more involved but not too much, that should give you the idea

[Jeffie]

Hi.

Thanks for your help but I am still not understanding you. I have inserted the new style into my css and have updated the html to link to that style. jeffcooperdesign.co.uk/slashdot. As you can see the dates and prices section is still taking on the attributes of the 'div.sdmenu div a' class not the new style .buttonStay

Any thoughts?