How to change table color onMouseOver using CSS

Dev Shed Forums Sponsor:

July 5th, 2003, 08:45 AM

snalex

Junior Member

Join Date: Jul 2003

Location: Europe

Posts: 4

Time spent in forums: < 1 sec
Reputation Power: 0

How to change table color on mouse over using CSS

I have this line of code in all my <td> but i would like to make it standard to all my <td>
how can i make it possible??
can you help me to make it possible through CSS ...

<td bgcolor="#F2F2F2" onMouseOver="this.bgColor='#FFFFFF'" onMouseOut="this.bgColor='#F2F2F2'">abc</td>

thanks...

Last edited by snalex : July 5th, 2003 at 08:51 AM.

July 5th, 2003, 11:37 AM

jerom

Contributing User

Join Date: May 2003

Posts: 1,014

Time spent in forums: 1 Day 21 h 56 m 52 sec
Reputation Power: 14

Code:

td {
	background-color: #f2f2f2;
}
td:hover {
	background-color: #fff;
}

However, this is not supported in all browser (version)s.
In IE5.5 for Windows, for example, this has no effect. Mozilla and Opera 7 deal with it properly.

Hope this helps,
Jeroen

Viewing: Dev Shed Forums > Web Design > CSS Help > How to change table color onMouseOver using 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