473,396 Members | 2,158 Online
Bytes | Software Development & Data Engineering Community
Post Job

Home Posts Topics Members FAQ

Join Bytes to post your question to a community of 473,396 software developers and data experts.

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 14923
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 thread has been closed and replies have been disabled. Please start a new discussion.

Similar topics

4
by: PhilG | last post by:
What I am trying to do under CSS is to create a mouseover effect with the background and foreground changing within a table cell! <table> <tr><td><a href=whatever>This is where I want the...
2
by: Sugapablo | last post by:
Can anyone help me out with some code to change three table cells (<td>) when one is hovered over? I have a calendar grid where each day is made up of three table cells and I want all three to...
2
by: bidalah | last post by:
Hi everyone, I have a form that I created using tables. I want to create mouseover events which act on labels that are inside certain table cells so that when the mouse is over these label,...
6
by: Sergio | last post by:
for my web site I am looking for a simple PHP plain text menu system, the menu would have at least four levels and about 200 links, at starting only the main levels should appear, for example : ...
9
by: PeteCresswell | last post by:
I've got a continuous form that is a grid of statistical values. When the user clicks on a statistic, something happens (specifically a graph is created showing rolling one-year values for the...
0
by: Bruce W.1 | last post by:
I'm trying to put together a horizontal tab nav in a User Control, and I want to have some mouseOver behavior. This could easily be done with just CSS, however hyperlinking this way (client-side)...
4
by: WebMatrix | last post by:
Hello, I need to extend functionality of ASP.NET datagrid. Onmouse over, the whole row needs to be highlighted. OnClick highlighted color must remain, and the value of one of the columns must be...
2
by: russiandevil | last post by:
hi, Does anyone have an idea on how I'd go about highlighting (with a border, or something equally effective) a input button of type 'image' (i.e. <input type=image alt=Login src=http://<etc,...
2
by: markszlazak | last post by:
I'm a relatively slow response of table cells changing their background color with mouseover/our in IE6 (Win 2K) but the response is fine (fast) in Firefox. Why? The code is below. Sorry about the...
0
by: Charles Arthur | last post by:
How do i turn on java script on a villaon, callus and itel keypad mobile phone
0
by: ryjfgjl | last post by:
In our work, we often receive Excel tables with data in the same format. If we want to analyze these data, it can be difficult to analyze them because the data is spread across multiple Excel files...
1
by: nemocccc | last post by:
hello, everyone, I want to develop a software for my android phone for daily needs, any suggestions?
1
by: Sonnysonu | last post by:
This is the data of csv file 1 2 3 1 2 3 1 2 3 1 2 3 2 3 2 3 3 the lengths should be different i have to store the data by column-wise with in the specific length. suppose the i have to...
0
marktang
by: marktang | last post by:
ONU (Optical Network Unit) is one of the key components for providing high-speed Internet services. Its primary function is to act as an endpoint device located at the user's premises. However,...
0
by: Hystou | last post by:
Most computers default to English, but sometimes we require a different language, especially when relocating. Forgot to request a specific language before your computer shipped? No problem! You can...
0
Oralloy
by: Oralloy | last post by:
Hello folks, I am unable to find appropriate documentation on the type promotion of bit-fields when using the generalised comparison operator "<=>". The problem is that using the GNU compilers,...
0
jinu1996
by: jinu1996 | last post by:
In today's digital age, having a compelling online presence is paramount for businesses aiming to thrive in a competitive landscape. At the heart of this digital strategy lies an intricately woven...
0
tracyyun
by: tracyyun | last post by:
Dear forum friends, With the development of smart home technology, a variety of wireless communication protocols have appeared on the market, such as Zigbee, Z-Wave, Wi-Fi, Bluetooth, etc. Each...

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.