css-multiple rollover styles in one page

hello

I'm trying to get a few different link and hover styles within the one page. This is because there are three different menus, and I want each to have different rollover properties.

I've linked the page to an external style sheet, and have also tried to put an inline style into the <a href> tag of the menus concerned, but they still seem to stick to the main external stylesheet.

thank you for any ideas on how to do this,Sue

I had the same dillema a while ago, and the only solution I could come up was to use horrible frames. Not really a solution to your problem, but an alternative.




[This message has been edited by null (edited September 19, 2000).]

Okay then..

In your stylesheet place something like this

a {color:#3050E0;}
a:hover {color:#E05030;}
a.other {color:#E05050;}
a.other:hove {color:#3050E0}

And use the following lines in your html.

<a href="#">Link1</a>
<a href="#" class="other">Link2</a>

That's is...

Jasper and Null

thanks for your replies. I have also tried using classes for all the menu styles, and thus avoiding any mention of A: and A:hover in the code of the external style sheet (which seems to set the code for the whole page, overriding classes). Thus all the menu styles are on an equal footing. The reference to the class goes in the <a href> tag, like this <a href class=green>.

But, I understand that styles have wider browser-compatability than classes, so may try the style code suggested.