Simple table row highlighting - on mouseover

Jeremy

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

Follow Post Reply

14853

brucie

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

Jan Steffen

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

Mark Tranchant

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

Jeremy

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

Jeremy

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

brucie

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

Mark Tranchant

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

Alan J. Flavell

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

Jeremy

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

user

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

Mark Tranchant

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

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

Jeremy

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

jmm-list-gn

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

Shawn K. Quinn

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

Philipp Lenssen

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

Jeremy

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

chart43

> 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

Simple table row highlighting - on mouseover

This discussion thread is closed

Similar topics