Tooltip missing in IE 8
Andreas Prilop
<a title="..."><span>...</span></a>
Internet Explorer 8.0.7600.16385 does *not* show the tooltip
(i.e. title="...") for
• HTML 4 Transitional - Standards mode
http://www.user.uni-hannover.de/nhtcapri/temp-2.html
But IE 8 does show the tooltip for
• HTML 4 Strict - Standards mode
http://www.user.uni-hannover.de/nhtcapri/temp-1.html
• HTML 4 Transitional - Quirks mode
http://www.user.uni-hannover.de/nhtcapri/temp-3.html
Is there an explanation?
--
In memoriam Alan J. Flavell
http://groups.google.com/groups/search?q=author:Alan.J.Flavell
Swifty
<prilo...@trashmail.net> wrote:
>Is there an explanation?
I've seen IE fail to display tooltips when they were inside a form
that didn't specify an ACTION= value.
--
Steve Swift
http://www.swiftys.org.uk/swifty.html
http://www.ringers.org.uk
Arno Welzel
> I write
> <a title="..."><span>...</span></a>
>
> Internet Explorer 8.0.7600.16385 does *not* show the tooltip
> (i.e. title="...") for
>
> • HTML 4 Transitional - Standards mode
> http://www.user.uni-hannover.de/nhtcapri/temp-2.html
>
> But IE 8 does show the tooltip for
>
> • HTML 4 Strict - Standards mode
> http://www.user.uni-hannover.de/nhtcapri/temp-1.html
>
> • HTML 4 Transitional - Quirks mode
> http://www.user.uni-hannover.de/nhtcapri/temp-3.html
>
> Is there an explanation?
I don't know why IE behaves like this (other browsers display the
tooltip) - but if you remove the span-Element, it works:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>HTML4 Trans. Standards mode</title>
</head>
<body>
<p><!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd"></p>
<h1><a title="This is the tooltip.">Read the tooltip!</a></h1>
</body>
</html>
David E. Ross
> I write
> <a title="..."><span>...</span></a>
>
> Internet Explorer 8.0.7600.16385 does *not* show the tooltip
> (i.e. title="...") for
>
> • HTML 4 Transitional - Standards mode
> http://www.user.uni-hannover.de/nhtcapri/temp-2.html
>
> But IE 8 does show the tooltip for
>
> • HTML 4 Strict - Standards mode
> http://www.user.uni-hannover.de/nhtcapri/temp-1.html
>
> • HTML 4 Transitional - Quirks mode
> http://www.user.uni-hannover.de/nhtcapri/temp-3.html
>
> Is there an explanation?
>
Why not put the TITLE attribute in the SPAN tag?
In any case, the problem appears to be in IE, not in your markup. All
three examples show the tooltip with SeaMonkey and thus likely show it
in Firefox and any other Gecko-based browsers.
--
David E. Ross
<http://www.rossde.com/>.
Anyone who thinks government owns a monopoly on inefficient, obstructive
bureaucracy has obviously never worked for a large corporation.
© 1997 by David E. Ross
Andy
"Andreas Prilop" <prilo...@trashmail.net> wrote in message
news:Pine.LNX.4.64.11...@zen.rrzn.uni-hannover.de...
Hi,
Just remove the <span> and style the <a> as needed.
Andy
Jonathan N. Little
> I write
> <a title="..."><span>...</span></a>
>
> Internet Explorer 8.0.7600.16385 does *not* show the tooltip
> (i.e. title="...") for
>
> http://www.user.uni-hannover.de/nhtcapri/temp-2.html
IE9 doesn't either. The problem appears that you have the title
attribute on the ANCHOR element and not the SPAN.
<h1><a title="This is the tooltip."><span>Read the tooltip!</span></a></h1>
I suspect since the ANCHOR has no other content than the SPAN, IE the
SPAN hover overrides the ANCHOR in IE maybe?
<h1><a><span title="This is the tooltip.">Read the tooltip!</span></a></h1>
Anyway since the ANCHOR element has no HREF it appears not to be a link
but just a document anchor, I would refactor to reduce the unnecessary
elements:
<h1 id="myAnchor"><span title="This is the tooltip.">Read the
tooltip!</span></h1>
And the SPAN also contains all of the content so I would reduce further:
<h1 id="myAnchor" title="This is the tooltip.">Read the tooltip!</h1>
Which will now work in IE.
I would only put the SPAN within a H* if you had to isolate a portion of
the text for special treatment
h1 span {
display: block;
margin-left: 1.5em;
font-size: .8em;
font-style: italic;
}
<h1>A Page Heading <span>with some sub-text</span></h1>
--
Take care,
Jonathan
-------------------
LITTLE WORKS STUDIO
http://www.LittleWorksStudio.com
Andreas Prilop
>> Internet Explorer 8.0.7600.16385 does *not* show the tooltip
>> http://www.user.uni-hannover.de/nhtcapri/temp-2.html
>
> IE9 doesn't either. The problem appears that you have the title
> attribute on the ANCHOR element and not the SPAN.
The page is valid HTML and other browsers have no problem here.
> Anyway since the ANCHOR element has no HREF [...]
Do you understand what a "minimal example" is?
And I did not ask how to persuade Internet Explorer to show
the tooltip. (Hint: $NEWSGROUPS)
--
From the New World:
http://www.google.com/search?ie=ISO-8859-2&q=Dvofi%E1k
Jukka K. Korpela
> I suspect since the ANCHOR has no other content than the SPAN, IE the
> SPAN hover overrides the ANCHOR in IE maybe?
This is a mysterious bug, as it indeed seems to disappear if you add
content other than the SPAN element, at least on IE 9.
On IE 9, using the DOM inspecting feature (PF12), the demo with A
contains just a SPAN shows a correct DOM tree,
> Anyway since the ANCHOR element has no HREF it appears not to be a link
> but just a document anchor,
Adding an HREF attribute does not make the bug go away.
Reducing the problem by removing the H1 markup around the A element has
no effect on the bug either.
> I would refactor to reduce the unnecessary elements:
It is true that an A element with a SPAN element as its sole content is
somewhat odd, but there's no reason why it should be treated this way.
Though such a construct might be rare in hand-woven HTML, various
authoring tools and converters may generate it.
--
Yucca, http://www.cs.tut.fi/~jkorpela/
Andreas Prilop
|| http://www.user.uni-hannover.de/nhtcapri/temp-2.html
>
> This is a mysterious bug, as it indeed seems to disappear if
> you add content other than the SPAN element, at least on IE 9.
| [...]
> Reducing the problem by removing the H1 markup around the
> A element has no effect on the bug either.
The strangest thing is that Internet Explorer does show
the tooltip (title attribute) on
http://www.user.uni-hannover.de/nhtcapri/temp-1.html
http://www.user.uni-hannover.de/nhtcapri/temp-3.html
Therefore it is not just "standards vs. quirks mode".