473,545 Members | 2,591 Online
Bytes | Software Development & Data Engineering Community
+ Post

Home Posts Topics Members FAQ

Can you have a hover effect on a TD in IE?

I can not get hover effect on a TD to work in IE, it seams you can not
have
a hover on a td in IE?

I have treid this

body.section-2 td.current,
body.section-2 td.submenu,
body.section-2 td.bredtsubmenu mellemrumhojre,
body.section-2 td.bredtsubmenu mellemrumvenstr e {
background-color: #ffc233;

}

body.section-2 td.submenucurre nt {
background-color: #ffcc66;

}

body.section-2 td.submenu:hove r {
background-color: #ffcc66;

}

and this

body.section-2 td.current,
body.section-2 td.submenu,
body.section-2 td.bredtsubmenu mellemrumhojre,
body.section-2 td.bredtsubmenu mellemrumvenstr e {
background-color: #ffc233;

}

body.section-2 td.submenucurre nt,
body.section-2 td.submenu:hove r {
background-color: #ffcc66;

}

Which works in firefox, but not in IE.

Then I treid setting the hover effect on the link, like this.

a.submenulink:h over {
background-color: #ff0000;

}

But then the entire cell is not filled out.

Can you see a fix for this problem?

Se problem here http://madsgormlarsen.dk/andersen/
Mads

Aug 8 '05 #1
51 12189
ma************@ gmail.com wrote:
I can not get hover effect on a TD to work in IE, it seams you can not
have
a hover on a td in IE?


Correct, :hover has no effect in IE with the sole exception of a:hover.
A serious deficiency.
Aug 8 '05 #2
Thanks

Can one then somehow make it fill out the td cell?

Mads

Aug 8 '05 #3
ma************@ gmail.com wrote:
Thanks

Can one then somehow make it fill out the td cell?


Sorry, I missed where you asked that originally. If the link is the
entire content of the cell, then set display: block for the link. It
will then effectively take up the entire cell (except possibly for any
padding on the cell or margin on the link).
Aug 8 '05 #4
Hi Mads,
I can not get hover effect on a TD to work in IE, it seams you can not have a hover on a td in IE?
<snip>
Can you see a fix for this problem?

See Peterneds site:
http://www.xs4all.nl/~peterned/csshover.html
This might be what you're looking for...

--
Kind regards,
Xavier van Unen

Aug 9 '05 #5
Thanks for the tip, but is there not a simpler solution? I have a
javascript that gives a hover effect on a tr, is there not something
like that for a td.

Mads

Aug 12 '05 #6
Els
ma************@ gmail.com wrote:
Thanks for the tip, but is there not a simpler solution? I have a
javascript that gives a hover effect on a tr, is there not something
like that for a td.


Now I may be mistaken, but weren't you the person who after some
instructions understood how to quote when replying to a message?

--
Els http://locusmeus.com/
Sonhos vem. Sonhos vão. O resto é imperfeito.
- Renato Russo -
Aug 12 '05 #7
ma************@ gmail.com wrote:
Thanks for the tip, but is there not a simpler solution?


Embed an <a> in it and set the <a>'s width to 100%
Then base all your CSS selectors around a:hover

Ugly, but gets the job done most of the time.

Aug 12 '05 #8
It can be done like this,
http://activedeveloper.dk/artikler/d...?articleid=247 , with
javascript.

but woudl be nice if one could compensate fro margin and padding, and
just use css on a link.

Mads

Aug 12 '05 #9
> Now I may be mistaken, but weren't you the person who after some
instructions understood how to quote when replying to a message?


Hi Els

Yes, I am guilty as charged, I am that surden someone, and I will
qoute, I promisse I will qoute. I feel ashamed of myself, I have been
sinful.

Where have you been, I have missed your participation in this
discussion. Hope you will enligtend me, on this problem.


Mads
tj 91 192

Aug 12 '05 #10

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

Similar topics

6
17473
by: Nikolaos Giannopoulos | last post by:
If I have simplified html (I have removed height, weight, alt, etc... attributes to simplify the example) such as: <div id="header"> <a href="blah.html"><img src="img/blah.jpg"></a> </div> and the following CSS rule to apply a background color to text links on hover:
12
6574
by: CJM | last post by:
Is it possible to achieve a hover effect for a non-anchor tag in CSS? I can use the following code, but it goes against the grain: <a href="" onclick="return false;">Label</a> Surely there must be a 'proper' way of doing it? Thanks Chris
2
1972
by: Philip Herlihy | last post by:
I'm getting this bizarre effect in IE6 (not in Firefox, etc). When you hover over the "back" or "next" links, adjacent images are cropped at that vertical level and the page redisplays with that point at the bottom. http://www.walthamsoft.com/assist/2.htm (This page, at least, validates. Don't look much further or you'll see things that...
15
5831
by: artev | last post by:
IE support :hover only on A (anchor) element. Is there a solution for resolve this problem? I would like to use :hover on LI element.
2
4154
by: skipc | last post by:
I posted a recent message regarding navigating a table using arrow keys. I've got the code for the navigation working. My table contains rows of links (anchors). I can get to a specific link using the code for capturing a key. However, once I get to the link, I can focus(), for example... but what I really want is to activate the "hover"...
13
4793
by: windandwaves | last post by:
Hi Folk Just a bit of help here for newbies who want their menus to look nicer. I am sure that many of you make menus like this <ul id="menu"> <li><a href="page1.html">option 1</a></li> <li><a href="page2.html">option 2</a></li> <li><a href="page3.html">option 3</a></li>
24
2251
by: Fred Lock | last post by:
Hello, I have a page with a usual mouseover link highlight effect eg.: a:hover {color: #ff0000; text-decoration: none;} I also have some anchor links such as: <a href="#jalfrezi">Jalfrezi</a> | <a href="#vindaloo">Vindaloo</a> | etc...
10
4687
by: tomasio | last post by:
Dear Pros, How can I achieve a nicer hover-effect for the image tomasio.design on the bottom-right of my webpage? I am using the class ".footer a:hover" for a CSS-based mouseover-effect but this causes an ugly green block to the left of the image while hovering the mousepointer over it. I just want to link that image to my index-page,...
1
1771
by: tomasio | last post by:
Dear Pros, How can I achieve a nicer hover-effect for the image "tomasio.design" on the bottom-right of my webpage? I am using the class ".footer a:hover" for a CSS-based mouseover-effect but this causes an ugly green block to the left of the image while hovering the mousepointer over it. I just want to link that image to my index-page,...
0
7425
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 effortlessly switch the default language on Windows 10 without reinstalling. I'll walk you through it. First, let's disable language...
0
7682
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. ...
0
7780
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 protocol has its own unique characteristics and advantages, but as a user who is planning to build a smart home system, I am a bit confused by the...
0
6009
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...
0
5069
by: conductexam | last post by:
I have .net C# application in which I am extracting data from word file and save it in database particularly. To store word all data as it is I am converting the whole word file firstly in HTML and then checking html paragraph one by one. At the time of converting from word file to html my equations which are in the word document file was convert...
0
3479
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...
0
3465
by: adsilva | last post by:
A Windows Forms form does not have the event Unload, like VB6. What one acts like?
1
1037
muto222
by: muto222 | last post by:
How can i add a mobile payment intergratation into php mysql website.
0
734
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...

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.