473,804 Members | 3,433 Online
Bytes | Software Development & Data Engineering Community
+ Post

Home Posts Topics Members FAQ

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 14953
In comp.infosystem s.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:#f0 0; 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.infosystem s.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.n et>, 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.infosystem s.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.n et>, 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

This thread has been closed and replies have been disabled. Please start a new discussion.

Similar topics

4
3546
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 mouseover to work within this link</a> </td></tr> </table> Any ideas guys/gals?
2
11269
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 change color when any of the three are hovered over. I would prefer to do this with pure CSS if possible, but if Javascript is the only way...so be it. --
2
3726
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, something happens. Currenty when you swipe the mouse over them nothing happens. The same mouseover events DO work when I attach them to labels that are not inside a table cell.
6
2763
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 : MATHEMATICS HISTORY GEOMETRY once you click on one of these a submenu would appear
9
6069
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 stat in question). What I'd like to do is have the current cell highlighted somehow so its clearer which statistic is "current". MouseOver doesn't seem to be an option because the form is continuous
0
1283
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) would lose session state, right? So I can't do this. I was thinking that a mouseOver on the link text would just make it bold, or change color. I'd like each tab to be prettier than just a different table cell background color, more like a...
4
2281
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 set to innerHTML property of a <div> tag (no postBack). Has anyone done anything like that?
2
7520
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, path to image file> Login) For most of the other element, applying a style such as "background-color: red; border-color: red; border-width: thick" seems to be sufficient, however for image buttons (especially those that have
2
3039
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 length. <html> <head> <title>Rapid Blocking Interface</title> <style> .calendar {
0
9706
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, people are often confused as to whether an ONU can Work As a Router. In this blog post, we’ll explore What is ONU, What Is Router, ONU & Router’s main usage, and What is the difference between ONU and Router. Let’s take a closer look ! Part I. Meaning of...
0
10575
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, it seems that the internal comparison operator "<=>" tries to promote arguments from unsigned to signed. This is as boiled down as I can make it. Here is my compilation command: g++-12 -std=c++20 -Wnarrowing bit_field.cpp Here is the code in...
0
10330
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 tapestry of website design and digital marketing. It's not merely about having a website; it's about crafting an immersive digital experience that captivates audiences and drives business growth. The Art of Business Website Design Your website is...
1
10319
by: Hystou | last post by:
Overview: Windows 11 and 10 have less user interface control over operating system update behaviour than previous versions of Windows. In Windows 11 and 10, there is no way to turn off the Windows Update option using the Control Panel or Settings app; it automatically checks for updates and installs any it finds, whether you like it or not. For most users, this new feature is actually very convenient. If you want to control the update process,...
0
9144
agi2029
by: agi2029 | last post by:
Let's talk about the concept of autonomous AI software engineers and no-code agents. These AIs are designed to manage the entire lifecycle of a software development project—planning, coding, testing, and deployment—without human intervention. Imagine an AI that can take a project description, break it down, write the code, debug it, and then launch it, all on its own.... Now, this would greatly impact the work of software developers. The idea...
1
7616
isladogs
by: isladogs | last post by:
The next Access Europe User Group meeting will be on Wednesday 1 May 2024 starting at 18:00 UK time (6PM UTC+1) and finishing by 19:30 (7.30PM). In this session, we are pleased to welcome a new presenter, Adolph Dupré who will be discussing some powerful techniques for using class modules. He will explain when you may want to use classes instead of User Defined Types (UDT). For example, to manage the data in unbound forms. Adolph will...
0
5520
by: TSSRALBI | last post by:
Hello I'm a network technician in training and I need your help. I am currently learning how to create and manage the different types of VPNs and I have a question about LAN-to-LAN VPNs. The last exercise I practiced was to create a LAN-to-LAN VPN between two Pfsense firewalls, by using IPSEC protocols. I succeeded, with both firewalls in the same network. But I'm wondering if it's possible to do the same thing, with 2 Pfsense firewalls...
1
4297
by: 6302768590 | last post by:
Hai team i want code for transfer the data from one system to another through IP address by using C# our system has to for every 5mins then we have to update the data what the data is updated we have to send another system
3
2990
bsmnconsultancy
by: bsmnconsultancy | last post by:
In today's digital era, a well-designed website is crucial for businesses looking to succeed. Whether you're a small business owner or a large corporation in Toronto, having a strong online presence can significantly impact your brand's success. BSMN Consultancy, a leader in Website Development in Toronto offers valuable insights into creating effective websites that not only look great but also perform exceptionally well. In this comprehensive...

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.