Re: [css-d] pure css a:hover based tooltips problems in ie5.5/6
It may confuse some because built-in tooltips show up for content in the
title tag.
What you are referring to is a problem whereby in IE, the :hover pseudo
class only works on a few elements... anchors (a:hover) being the most
obvious where it does work, list items (li:hover) being the most obvious
where it does not work.
There are plenty of resources online searching on [:hover ie] (no brackets)
http://www.google.com/search?q=%3Ahover+on+ieie=utf-8oe=utf-8aq=trls=org.mozilla:en-US:officialclient=firefox-a
On Thu, Mar 20, 2008 at 1:42 PM, Jack Armley [EMAIL PROTECTED]
wrote:
Hello!
I hope I am posting correctly, as I know there are definate ground rules!
Just wondering if anybody knows a fix for ie 5.5/6 in regards to css-only
tooltips. They sidplay ok in firefox/ie7etc, but not at all in ie. The code
is like this:
//html:
a href=click here for tooltipspan class=tooltiptooltip
text/span/a
//css:
a{position:relative;}
a span.tooltip{display:none; position:absolute; left:50%; top:0;
width:8em;}
a:hover span.tooltip, a:active span.tooltip{display:block;}
that's it I guess! would be great if someone out there has a fix!
Thankyou,
Jack
___
Rise to the challenge for Sport Relief with Yahoo! For Good
http://uk.promotions.yahoo.com/forgood/
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] pure css a:hover based tooltips problems in ie5.5/6
On Thu, 20 Mar 2008 20:42:43 + (GMT), Jack Armley wrote:
[...]
wondering if anybody knows a fix for ie 5.5/6 in regards to css-only
tooltips. They
sidplay ok in firefox/ie7etc, but not at all in ie. The code is like this:
//html:
a href=click here for tooltipspan class=tooltiptooltip text/span/a
//css:
a{position:relative;}
a span.tooltip{display:none; position:absolute; left:50%; top:0; width:8em;}
a:hover
span.tooltip, a:active span.tooltip{display:block;}
Without an actual page to check this, I *think* your problem is due
to IE needing an extra kick in the pants to react to :hover.
Try adding one of these rules to get IE to take notice:
a:hover, a:active {float: none;}
a:hover, a:active {direction: ltr;}
a:hover, a:active {border: 0;}
a:hover, a:active {overflow: visible;}
a:hover, a:active {text-indent: 0;}
Cordially,
David
--
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
