Hi folks. I prepared a couple of demo pages in advance, for this problem:
http://www.vanderwoning.net/toolbar.php
http://www.vanderwoning.net/toolbar2.php
I made a graphical user-toolbar, which is a simple definition list using
images for links, and with link text that is wrapped in spans and
positioned absolutely for a hover effect. The link spans are supposed to
appear 3 pixels below the toolbar on hover of the various icons.
They do so in Firefox 1.0.6 and in Opera 8 on Win XP-SP2 but do not do
so in IE6.
The CSS rules are essentially: (edited for brevity)
div a span {
display:none;
}
div a:hover span {
display:block;
}
I copied the technique directly from Eric Meyer's CSS Rollover Demo:
http://www.meyerweb.com/eric/css/edge/popups/demo.html
I made another variation of the technique in trying to debug my
implementation. Essentially it is:
div a span {
visibility:hidden;
}
div a:hover span {
visibilty:visible;
}
Interesting to me is that Eric's demo works flawlessly on my copy of
IE6, his span text appears where it's supposed to appear. My demo fails.
I have tried all sorts of nesting and ID configurations, but I'm missing
a detail somewhere. View source to see complete CSS within the HEAD of
the demo docs noted above.
Thanks in advance.
--
Raymond A. van der Woning
[EMAIL PROTECTED] | [EMAIL PROTECTED]
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/