Thread: Need Help With CSS

i can't figure out why this doesn't work. i know how to change the color of
the text, but i can't change the color of the hyperlink:

when someone hovers over the data cell i want the link to change from blue
to red. so far only regular text will change color but not hyperlinks...

---

td:hover {
color:#FFFFFF;
a:hover color:#FF0000;
}

---

Code:

td:hover{
color: #FFFFFF;
}

td:hover a:hover {
color: #FF0000;
}

haven't actually tested that, but that's the general idea. you can't embed a "a:hover" within another class like you are doing

Or you can try

Code:

a:link {
****color: #FF0000;
****text-decoration: none;
****}
a:visited {
****text-decoration: none;
****color: #333333;
****}
a:hover {
****text-decoration: underline;
****color: #00FF00;
****}
a:active {
****text-decoration: none;
****color: #333333;
****}

Depending on what you want to accomplish.

I think both these replies covered it, but wanted to point you to a site with tutorials in case you need anything else.

Code:

http://v1.reinspire.net/blog/2005/09/19/css_hyperlink_styling/

thanx guys... this is what i finally got and it works fine!
(could never figure out how to fix the multi-embed problem. )

td:hover a:link{
color:#FF0000;
backgroundcolor:#FFFFFF;
text-decoration:none;
}


td:hover {
color:#FF0000;
background-color:#FFFFFF;
}

always look for missing { } ; : in your css, then typos, that will cure half your css ailments...

i prefer that u will use both the color in 2 differnt id . it will work