472,971 Members | 2,347 Online
Bytes | Software Development & Data Engineering Community
Post Job

Home Posts Topics Members FAQ

Join Bytes to post your question to a community of 472,971 software developers and data experts.

a:hover action not working in MSIE

I'm trying to use the hover pseudo-attribute to display footnotes in
documentation. The footnotetext is hidden until you hover over the
footnotemark. This work well in Safari and Firefox, but I can't seem
to get it to work in MSIE. Is this even possible in MSIE? If so, can
you explain why this CSS doesn't work?
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<style type="text/css">
<!--
a.footnote .footnotemark {
color: #ff8000;
}
a.footnote:hover .footnotemark {
cursor: help;
}
a.footnote .footnotetext {
display: none;
}
a.footnote:hover .footnotetext {
display: block;
position: absolute;
bottom: 0em;
left: 0em;
background-color: #F8F8CB;
color: #000;
text-align: left;
border: 7px #ff8000 solid;
padding: 10px;
margin: 0px;
z-index: 20;
}
-->
</style>
<body>

<p>The following data<a class="footnote"><sup
class="footnotemark">**</sup><span class="footnotetext"> These data
have been compiled from the United Nations Demographic Yearbook 1990
(United Nations publications, Sales No. E/F.91.XII.1, copyright 1991,
United Nations, New York) and are reproduced with the permission of the
United Nations.</span></a> from Rouncefield (1995) are the birth rates,
death rates, and infant death rates for 97 countries. The following
statements create the SAS data set <span class="hv">Poverty</span>.</p>

</body>
</html>

Jan 11 '06 #1
2 1901
Kevin Smith <Ke*********@sas.com> wrote:
I'm trying to use the hover pseudo-attribute to display footnotes in
documentation. The footnotetext is hidden until you hover over the
footnotemark. This work well in Safari and Firefox, but I can't seem
to get it to work in MSIE.


MSIE supports :hover for links only, i.e. for <a> elements with an href
attribute. Besides, it seems that even if you make your <a> elements links,
MSIE doesn't interpret selectors like
a.footnote:hover .footnotetext
properly.

I'd suggest a different approach to footnotes: make them endnotes, and make
the endnote references real links. See
http://www.cs.tut.fi/~jkorpela/www/fn.html

--
Yucca, http://www.cs.tut.fi/~jkorpela/
Jan 11 '06 #2
Kevin Smith wrote:
I'm trying to use the hover pseudo-attribute to display footnotes in
documentation. The footnotetext is hidden until you hover over the
footnotemark. This work well in Safari and Firefox, but I can't seem
to get it to work in MSIE. Is this even possible in MSIE? If so, can
you explain why this CSS doesn't work?

As Jukka pointed out it does not work because of IE's very limited
:hover implementation and it is only half-assed for <a>.
You can get the function you want, somewhat, in a way, vaguely, by
changing
a.footnote .footnotemark { color: #ff8000; }
to
a.footnote sup { color: #ff8000; }

and add the required "href" attribute to the link. "Name" will not do.
Even so, while the footnote appears doing the above, it does not
disappear. :-(

--
jmm (hyphen) list (at) sohnen-moe (dot) com
(Remove .AXSPAMGN for email)
Jan 11 '06 #3

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

Similar topics

5
by: Lilou | last post by:
Hello this page works : http://lilou.leuwen.chez.tiscali.fr/testlilou.htm the source : .... a.link:hover div.test2 {display : block; position: absolute; z-index: 1000;
6
by: Alan J. Flavell | last post by:
The page under discussion was http://ppewww.ph.gla.ac.uk/~flavell/www/html-smac.html An email correspondent referred to the link text "screenshot" in part 2, which in his case was coming at the...
3
by: Frederik | last post by:
Hi, I got a problem with MSIE, using the below CSS... MSIE won't obey my sheet, whereas Firefox does it exactly right. Anyone knows an solution/explanation..? ..border1 { border: thin solid...
5
by: Ben Sharvy | last post by:
I know I could do it by restricting hover to a class of links (a:hover.actuallyalink) but is there a way that doesn't require me to change every link in every existing html document?
51
by: madsgormlarsen | last post by:
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...
17
by: harshpatel | last post by:
if you view this page in safari and firefox: http://www.harshpatel.com/paul and hover over the song titles, some info pops up on the right. if you view it on any MSIE, nothing pops up. ...
1
by: celtique | last post by:
Is it possible to make MSIE actually read :hover attribute for other tags, than <a> ? I made sth like that: #vfiles li { background-color: #DCE9DC; } #vfiles li:hover {
7
by: fredo | last post by:
I've studied Eric Meyer's pure css popups, version two: http://meyerweb.com/eric/css/edge/popups/demo2.html which pops up an image when I roll over a text link. Now I want to pop up a large...
11
by: zzpat | last post by:
I'm having problems understanding display and hover. I'm trying to hover over a question and have the answer display. ..question { color: #fff; background: purple; width: 300px;...
2
by: DJRhino | last post by:
Was curious if anyone else was having this same issue or not.... I was just Up/Down graded to windows 11 and now my access combo boxes are not acting right. With win 10 I could start typing...
2
isladogs
by: isladogs | last post by:
The next Access Europe meeting will be on Wednesday 4 Oct 2023 starting at 18:00 UK time (6PM UTC+1) and finishing at about 19:15 (7.15PM) The start time is equivalent to 19:00 (7PM) in Central...
0
tracyyun
by: tracyyun | last post by:
Hello everyone, I have a question and would like some advice on network connectivity. I have one computer connected to my router via WiFi, but I have two other computers that I want to be able to...
2
by: giovanniandrean | last post by:
The energy model is structured as follows and uses excel sheets to give input data: 1-Utility.py contains all the functions needed to calculate the variables and other minor things (mentions...
4
NeoPa
by: NeoPa | last post by:
Hello everyone. I find myself stuck trying to find the VBA way to get Access to create a PDF of the currently-selected (and open) object (Form or Report). I know it can be done by selecting :...
3
NeoPa
by: NeoPa | last post by:
Introduction For this article I'll be using a very simple database which has Form (clsForm) & Report (clsReport) classes that simply handle making the calling Form invisible until the Form, or all...
0
isladogs
by: isladogs | last post by:
The next Access Europe meeting will be on Wednesday 1 Nov 2023 starting at 18:00 UK time (6PM UTC) and finishing at about 19:15 (7.15PM) Please note that the UK and Europe revert to winter time on...
0
isladogs
by: isladogs | last post by:
The next online meeting of the Access Europe User Group will be on Wednesday 6 Dec 2023 starting at 18:00 UK time (6PM UTC) and finishing at about 19:15 (7.15PM). In this month's session, Mike...
3
by: GKJR | last post by:
Does anyone have a recommendation to build a standalone application to replace an Access database? I have my bookkeeping software I developed in Access that I would like to make available to other...

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.