469,323 Members | 1,604 Online
Bytes | Developer Community
New Post

Home Posts Topics Members FAQ

Post your question to a community of 469,323 developers. It's quick & easy.

Simple table row highlighting - on mouseover


Can anyone point me to where I might find a simple example of coding to
achieve the effect of a table row changing colour as the mouse moves
over it? Presume the same effect may be possible for an individual table
cell?

Thanks for any pointers.

--

jeremy

Jul 23 '05 #1
18 14711
In comp.infosystems.www.authoring.html Jeremy said:
Can anyone point me to where I might find a simple example of coding to
achieve the effect of a table row changing colour as the mouse moves
over it?
tr:hover{color:lime;background:red;}
Presume the same effect may be possible for an individual table
cell?


td:hover{color:red;background:lime;}

not supported by old outdated browsers primarily used by sheep.

--
v o i c e s
Jul 23 '05 #2
Jeremy schrieb:
Can anyone point me to where I might find a simple example of coding to
achieve the effect of a table row changing colour as the mouse moves
over it? Presume the same effect may be possible for an individual table
cell?


tr:hover td {background:#f00; color:#00f;}

Should do the trick. Only in modern Browsers of course.

Jan

--
"Early to rise, early to bed, makes a man healthy and socially dead."
Jul 23 '05 #3
Jeremy wrote:
Can anyone point me to where I might find a simple example of coding to
achieve the effect of a table row changing colour as the mouse moves
over it? Presume the same effect may be possible for an individual table
cell?


http://tranchant.plus.com/tmp/trhl

Doesn't work on IE.

--
Mark.
http://tranchant.plus.com/
Jul 23 '05 #4
In article <13****************@usenetshit.info>, brucie says...
In comp.infosystems.www.authoring.html Jeremy said:
Can anyone point me to where I might find a simple example of coding to
achieve the effect of a table row changing colour as the mouse moves
over it?


tr:hover{color:lime;background:red;}


Cheers - this is a stylesheet setting? Or is this in-line in the <TR.. >
tag?
--

jeremy
Jul 23 '05 #5
In article <41***********************@ptn-nntp-reader04.plus.net>, Mark
Tranchant says...
http://tranchant.plus.com/tmp/trhl

Doesn't work on IE.


Thanks - unusual to find this kind of stuff that DOESN'T work on IE....
however I actually need the inverse - for IE and 'to hell with the
others'! (It's a closed population of users so IE features are useful)
--

jeremy
Jul 23 '05 #6
In comp.infosystems.www.authoring.html Jeremy said:
tr:hover{color:lime;background:red;}
Cheers - this is a stylesheet setting?


yes. stick it in your css file or [less optimally] your <head>

--
v o i c e s
Jul 23 '05 #7
Jeremy wrote:
http://tranchant.plus.com/tmp/trhl
Doesn't work on IE.
Thanks - unusual to find this kind of stuff that DOESN'T work on IE....


You're new here, aren't you?

http://tranchant.plus.com/ie

--
Mark.
http://tranchant.plus.com/
Jul 23 '05 #8
On Wed, 13 Oct 2004, Jeremy wrote:
Thanks - unusual to find this kind of stuff that DOESN'T work on IE....
fx: giggle
however I actually need the inverse - for IE and 'to hell with the
others'! (It's a closed population of users so IE features are useful)


Why would you expect to get useful answers by asking an open
population of people interested in the world wide web about a closed
population of users of a browser-like operating system component which
even goes so far as to document some of its violations of mandatory
requirements of the relevant W3C recommendations and IETF interworking
protocols? The phrase "get a grip" comes to mind, I must say.

Aside: IE is not entirely incapable of browsing properly-made WWW
pages, though it means avoiding the use of some techniques that could
otherwise be quite useful.
Jul 23 '05 #9
In article <41***********************@ptn-nntp-reader04.plus.net>, Mark
Tranchant says...
Jeremy wrote:
http://tranchant.plus.com/tmp/trhl
Doesn't work on IE.

Thanks - unusual to find this kind of stuff that DOESN'T work on IE....


You're new here, aren't you?

http://tranchant.plus.com/ie


Very interesting.....

--

jeremy
Jul 23 '05 #10
Once upon a time *Mark Tranchant* wrote:
Jeremy wrote:
http://tranchant.plus.com/tmp/trhl
Doesn't work on IE.

Thanks - unusual to find this kind of stuff that DOESN'T work on IE....


You're new here, aren't you?

http://tranchant.plus.com/ie


Great site you hve there, Mark. But I wonder why I get a horizontal
scrollbar on every page? I'll guess you are using width: 100% and that
gets to wide on my Mozilla 1.7.3 since the verical scrollbar is not a
part of the browswers screen, as it is in IE :-)

--
/Arne
Jul 23 '05 #11
us**@domain.invalid wrote:
Great site you hve there, Mark. But I wonder why I get a horizontal
scrollbar on every page? I'll guess you are using width: 100% and that
gets to wide on my Mozilla 1.7.3 since the verical scrollbar is not a
part of the browswers screen, as it is in IE :-)


Wow - I'd never noticed that, despite using Firefox as my main browser.
Thanks for the alert - I'll work on it.

--
Mark.
http://tranchant.plus.com/
Jul 23 '05 #12
Mark Tranchant wrote:
us**@domain.invalid wrote:
Great site you hve there, Mark. But I wonder why I get a horizontal
scrollbar on every page? I'll guess you are using width: 100% and that
gets to wide on my Mozilla 1.7.3 since the verical scrollbar is not a
part of the browswers screen, as it is in IE :-)

Wow - I'd never noticed that, despite using Firefox as my main browser.
Thanks for the alert - I'll work on it.


Fixed. It wasn't the 100%, but the main title. I was using a negative
margin to couteract the padding of the content div, which triggered the
horizontal scrollbar.

Again, many thanks for pointing that out!

--
Mark.
http://tranchant.plus.com/
Jul 23 '05 #13
In article <Pi*******************************@ppepc56.ph.gla. ac.uk>,
Alan J. Flavell says...
Why would you expect to get useful answers by asking an open
population of people interested in the world wide web about a closed
population of users of a browser-like operating system component which
even goes so far as to document some of its violations of mandatory
requirements of the relevant W3C recommendations and IETF interworking
protocols?
Why? Because this is usenet, populated by friendly and helpful people
who display tolerance and good manners at all times. People who might
recognise that not everyone posting to a group about HTML will know the
ins and outs of browser conformance to W3C recommendations.
The phrase "get a grip" comes to mind, I must say.


The phrase 'live in the real world' comes to mind, I must say.

--

jeremy

Jul 23 '05 #14
Jeremy wrote:

Thanks - unusual to find this kind of stuff that DOESN'T work on IE....
however I actually need the inverse - for IE and 'to hell with the
others'! (It's a closed population of users so IE features are useful)

Unless there is a *truly* compelling reason, do not use non-standard
features. Your work may well be useful enough to migrate to a wider
audience, or the current audience may expand its awareness. Staying with
standards now avoids rewrites later.

--
jmm dash list (at) sohnen-moe (dot) com
(Remove .AXSPAMGN for email)
Jul 23 '05 #15
begin quote from Jeremy in
<MP************************@news.individual.net> :
Thanks - unusual to find this kind of stuff that DOESN'T work on IE....
however I actually need the inverse - for IE and 'to hell with the
others'! (It's a closed population of users so IE features are useful)


You should not be asking your question on a WWW authoring group in that
case. Try looking under microsoft.* for a more appropriate group.

--
Shawn K. Quinn
Jul 23 '05 #16
Mark Tranchant wrote:
Jeremy wrote:
Can anyone point me to where I might find a simple example of
coding to achieve the effect of a table row changing colour as the
mouse moves over it? Presume the same effect may be possible for an
individual table cell?


http://tranchant.plus.com/tmp/trhl


Something like the OP seeks is happening here (works on IE6 as well):
http://www3.us.porsche.com/wherespor...unity/pcna.asp

--
Google Blogoscoped
http://blog.outer-court.com
Jul 23 '05 #17
In article <2t**************@uni-berlin.de>, Philipp Lenssen says...
Mark Tranchant wrote:
Jeremy wrote:
Can anyone point me to where I might find a simple example of
coding to achieve the effect of a table row changing colour as the
mouse moves over it? Presume the same effect may be possible for an
individual table cell?


http://tranchant.plus.com/tmp/trhl


Something like the OP seeks is happening here (works on IE6 as well):
http://www3.us.porsche.com/wherespor...unity/pcna.asp


Thanks, that is an example - I wonder if this works on the other
browsers too though?

Actualy I'm looking for the simplest code to achieve the effect.
Thanks for your post
--

jeremy
Jul 23 '05 #18
> From: Jeremy <ne**********@hazelweb.co.uk>
Newsgroups: comp.infosystems.www.authoring.html
Date: Mon, 18 Oct 2004 15:18:29 +0100
Subject: Re: Simple table row highlighting - on mouseover

In article <2t**************@uni-berlin.de>, Philipp Lenssen says...
Mark Tranchant wrote:
Jeremy wrote:
Can anyone point me to where I might find a simple example of
coding to achieve the effect of a table row changing colour as the
mouse moves over it? Presume the same effect may be possible for an
individual table cell?

http://tranchant.plus.com/tmp/trhl


Something like the OP seeks is happening here (works on IE6 as well):
http://www3.us.porsche.com/wherespor...unity/pcna.asp


Thanks, that is an example - I wonder if this works on the other
browsers too though?

Actualy I'm looking for the simplest code to achieve the effect.
Thanks for your post
--

jeremy

Works in Mozilla 1.3 on a Mac on OS 9 but *not* on IE 5.1.6 (almost the
highest IE for such a Mac)

I expect it would work on most modern browsers.

chart43

Jul 23 '05 #19

This discussion thread is closed

Replies have been disabled for this discussion.

Similar topics

4 posts views Thread by PhilG | last post: by
2 posts views Thread by bidalah | last post: by
6 posts views Thread by Sergio | last post: by
9 posts views Thread by PeteCresswell | last post: by
4 posts views Thread by WebMatrix | last post: by
2 posts views Thread by russiandevil | last post: by
reply views Thread by zhoujie | last post: by
reply views Thread by suresh191 | last post: by
reply views Thread by Gurmeet2796 | last post: by
reply views Thread by listenups61195 | last post: by
By using this site, you agree to our Privacy Policy and Terms of Use.