Need Help With CSS

The Scarlet Pimp

Supreme Member

Apr 2, 2008

1,312

4,298

• Nov 6, 2008

• #1

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;
}

---

 

WickednDivine

Elite Member

Jr. VIP

Jul 29, 2008

1,710

509

• Nov 6, 2008

• #2

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

 

typo619

Newbie

May 16, 2008

28

5

• Nov 6, 2008

• #3

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.

 

xplicit

BANNED

Jul 21, 2008

1,113

1,062

• Nov 6, 2008

• #4

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/

 

The Scarlet Pimp

Supreme Member

Apr 2, 2008

1,312

4,298

• Nov 6, 2008

• #5

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;
}

 

dirtbag

BANNED

Jul 24, 2008

990

534

• Nov 6, 2008

• #6

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