Text color on hover with CSS.

Dev Shed Forums Sponsor:

April 1st, 2003, 11:25 AM

Darth Evad

Contributing User

Join Date: Jun 2001

Location: Ontario, Canada

Posts: 56

Time spent in forums: 18 m 2 sec
Reputation Power: 12

Text color on hover with CSS.

This is the code I have,

Code:

body {
	color: #000000;	
}

a:link {
	color: #000000;
	text-decoration: none;
}

a:active {
	color: #ffffff;
	text-decoration: none;
}

a:hover {
	color: #ffffff;
	background-color: #000000;
	text-decoration: none;
}

a:visited {
	color: #000000;
	text-decoration: none;
}

.left {
	background-color: white;
}

.right {
	background-color: black;
	color: white;
}

I want the text to turn white on hover but it won't.
Any suggestions?

http://htp.360viewonline.com

__________________
Massassian

I did RTFM but I'm a total newb so some of it didn't make sense.

April 1st, 2003, 02:08 PM

degsy

Contributing User

Dev Shed Intermediate (1500 - 1999 posts)

Join Date: Nov 2001

Posts: 1,882

Time spent in forums: 5 Days 21 h 19 m 30 sec
Reputation Power: 18

Quote:

A:link { color: red } /* unvisited links */
A:visited { color: blue } /* visited links */
A:hover { color: yellow } /* user hovers */
A:active { color: lime } /* active links */

Note that the A:hover must be placed after the A:link and A:visited rules, since otherwise the cascading rules will hide the 'color' property of the A:hover rule. Similarly, because A:active is placed after A:hover, the active color (lime) will apply when the user both activates and hovers over the A element.

Try changing the order of your code.

April 1st, 2003, 03:02 PM

Darth Evad

Contributing User

Join Date: Jun 2001

Location: Ontario, Canada

Posts: 56

Time spent in forums: 18 m 2 sec
Reputation Power: 12

Perfect. Thanks.

Viewing: Dev Shed Forums > Web Design > CSS Help > Text color on hover with CSS.

« Previous Thread | Next Thread »

Developer Shed Advertisers and Affiliates

Thread Tools	Search this Thread
Email this Page	Search this Thread: Advanced Search
Display Modes	Rate This Thread
Linear Mode Switch to Hybrid Mode Switch to Threaded Mode	Rate This Thread:

Posting Rules
You may not post new threads You may not post replies You may not post attachments You may not edit your posts vB code is On Smilies are On [IMG] code is On HTML code is Off

View Your Warnings | New Posts | Latest News | Latest Threads | Shoutbox

Forum Jump