Using CSS for mouseover changes to text hyperlinks 1

[chotchstar]

Hi

I've been using CSS to control mouseover changes on text hyperlinks, e.g.

A:hover
{
color: #669999;
font-family: Arial;
font-size: 9pt;
text-align: center;
text-decoration: none;
}

resulting in the text colour changing when user moves the mouse over the text link. I would like two have different mouseover colours on different parts of the page (e.g. navigational buttons would change to one colour and links in the body text change to another colour).

Does any one know how I could do this using CSS (or any other means)?

I hope that this makes sense and would be very grateful for any thoughts or advice anyone has.

 

[FesterSXS]

Hi,

you need to assign a separate class to each of the link types that you want.

For example:

In your stylesheet...

a.example1  {color: #003399}
a.example1:hover {color: #993300}

a.example2  {color: #FFFFFF}
a.example2:hover {color: #000000}

In your code...

<A HREF=&quot;page1.htm&quot; CLASS=example1>example 1 text</A>

<A HREF=&quot;page2.htm&quot; CLASS=example2>example 2 text</A>

Hope this is what you are after

regards

Tony

 

[chotchstar]

Thanks very much Tony, that was exactly what i was after!