473,626 Members | 3,289 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 12222
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
17479
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
6605
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
1976
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 will make you shudder at their ineptitude - I'm still learning CSS!) I don't see this effect in...
15
5836
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
4165
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" styles. I can fake the hover effect using javascript, but how do I do this and still allow the...
13
4803
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
2268
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
4693
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, without any mouseover effect if possible. Any hints? Plus I get an error message from the...
1
1774
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, without any mouseover effect if possible. Any hints? Plus I get an error message from the...
0
8272
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
8205
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 synchronization. With a Microsoft account, language settings sync across devices. To prevent any complications,...
0
8713
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
8644
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...
0
8514
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 choice of these technologies. I'm particularly interested in Zigbee because I've heard it does some...
1
6126
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
4094
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...
0
4208
by: adsilva | last post by:
A Windows Forms form does not have the event Unload, like VB6. What one acts like?
1
1817
muto222
by: muto222 | last post by:
How can i add a mobile payment intergratation into php mysql website.

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.