mscreashuns — Fri, 23 Sep 2005 20:16:02 +0000

Well, it should be A.link1:hover first of all, then in your HTML put something like this:

<a href="#" class="link1">Text</a>

mfdc — Fri, 23 Sep 2005 13:18:25 +0000

My CSS is

A {
TEXT-DECORATION: none
}
A:link {
COLOR: #343A34
}
A:visited {
COLOR: #343A34
}
A:link1:hover {
COLOR: #ff8c00
A:link2:hover {
COLOR: #00ff00
}

what do I insert into the anchor tag, obviously the id's are link 1 link 2etc

mfdc — Fri, 23 Sep 2005 12:59:41 +0000

bless you, thankyou very much thats excellent. I had been searching on Google & worked it out, so feel a little guilty for posting something so lazy

Thankyou

mfdc — Fri, 23 Sep 2005 12:56:18 +0000

sorry to be a dunce, but could you give me an example in HTML ?

JeevesBond — Fri, 23 Sep 2005 12:55:48 +0000

In your (x)html:

<a href="#" id="link1">Link Text</a>
<a href="#" id="link2">Link Text</a>
<a href="#" id="link3">Link Text</a>
<a href="#" id="link4">Link Text</a>
<a href="#" id="link5">Link Text</a>

and in your CSS:

#link1:hover {
    color: #f00;
}
#link2:hover {
    color: #0f0;
}
#link3:hover {
    color: #00f;
}
#link4:hover {
    color: #ff0;
}
#link5:hover {
    color: #fff;
}

Simple as that really, obviously change the colours and id's to fit your needs and you should be done.

timjpriebe — Fri, 23 Sep 2005 12:47:08 +0000

Give each of them a different ID, and set up the rollover effects based on ID.