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:
>
> click here for tooltiptooltip text
>
>
> //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/
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+ie&ie=utf-8&oe=utf-8&aq=t&rls=org.mozilla:en-US:official&client=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:
>
> click here for tooltiptooltip
> text
>
>
> //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/
[css-d] pure css a:hover based tooltips problems in ie5.5/6
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:
click here for tooltiptooltip text
//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/
