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:hove r .footnotemark {
cursor: help;
}
a.footnote .footnotetext {
display: none;
}
a.footnote:hove r .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="footnote mark">**</sup><span class="footnote text"> 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">Pove rty</span>.</p>
</body>
</html> 2 1925
Kevin Smith <Ke*********@sa s.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:hove r .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/
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) This thread has been closed and replies have been disabled. Please start a new discussion. Similar topics |
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;
|
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 right-hand end of a line. As
soon as he hovered over it in MSIE, it sprang to the next line -
making it impossible to use it, obviously. This didn't happen in
Mozilla (which by the way reports that this page is in
standards-compliance mode, if...
|
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 #990000;
}
a:link {
|
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?
|
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 td.bredtsubmenumellemrumhojre,
body.section-2 td.bredtsubmenumellemrumvenstre {
| |
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.
this is killing me. can somebody help out?
|
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 {
|
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 image when I roll over a thumbnail. I've
tried some things, but can't make it work. See here (Warning: adult
matter):
|
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;
font-weight: bold;
padding-left: 5px;
|
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...
|
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...
| |
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...
|
by: Hystou |
last post by:
Overview:
Windows 11 and 10 have less user interface control over operating system update behaviour than previous versions of Windows. In Windows 11 and 10, there is no way to turn off the Windows Update option using the Control Panel or Settings app; it automatically checks for updates and installs any it finds, whether you like it or not. For most users, this new feature is actually very convenient. If you want to control the update process,...
|
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...
|
by: conductexam |
last post by:
I have .net C# application in which I am extracting data from word file and save it in database particularly. To store word all data as it is I am converting the whole word file firstly in HTML and then checking html paragraph one by one.
At the time of converting from word file to html my equations which are in the word document file was convert into image.
Globals.ThisAddIn.Application.ActiveDocument.Select();...
|
by: adsilva |
last post by:
A Windows Forms form does not have the event Unload, like VB6. What one acts like?
|
by: muto222 |
last post by:
How can i add a mobile payment intergratation into php mysql website.
| |
by: bsmnconsultancy |
last post by:
In today's digital era, a well-designed website is crucial for businesses looking to succeed. Whether you're a small business owner or a large corporation in Toronto, having a strong online presence can significantly impact your brand's success. BSMN Consultancy, a leader in Website Development in Toronto offers valuable insights into creating effective websites that not only look great but also perform exceptionally well. In this comprehensive...
| |