Re: [css-d] CSS popup not popping in IE
Nancy, > Duncan, The script works perfectly, but I still don't > understand why it won't work in IE without the script since > the hover is for the a tag. The CSS is actually targeting the SPAN element inside of the A element, not the A element itself. ...Rob __ 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] CSS popup not popping in IE
> > The css is:
> >
> > div#popup a span {display:none;}
> > div#popup a:hover span {display: block;
> >position: absolute; top: 150px; left:330px; width: 300px;
> >padding: 5px; margin: 10px; z-index: 100;
> >color:#00; background-color:cc;
> >font: 10px arial; text-align:left;border:1px solid #00;
> > }
> >
> > ...
> > Why doesn't it work in IE?
> >
> > Nancy
>
> IE6 doesn't play well with the pseudo classes :hover etc. on anything but
the 'a' anchor tag.
> You can easily bring it into line with the help of a little piece of
javascript compliments of Suckerfish.
> http://www.htmldog.com/articles/suckerfish/hover/
> This code works for your example, you will see there is a change to your
rule for the hover
> Duncan
Duncan, The script works perfectly, but I still don't understand why it
won't work in IE without the script since the hover is for the a tag.
Nancy
__
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] CSS popup not popping in IE
On Tue, 10 Jun 2008 19:36:45 +0100, Nancy E. Sosna Bohm
<[EMAIL PROTECTED]> wrote:
> This pure-css popup works in FireFox, but not IE.
> http://tinyurl.com/6xkooa
>
> The css is:
>
> div#popup a span {display:none;}
> div#popup a:hover span {display: block;
>position: absolute; top: 150px; left:330px; width: 300px;
>padding: 5px; margin: 10px; z-index: 100;
>color:#00; background-color:cc;
>font: 10px arial; text-align:left;border:1px solid #00;
> }
>
> The html is:
>
>
> some text here
>
> roughly half
>
> footnote-ish text here
>
>
> remainder of some text here
>
>
> When you mouse over the word "roughly," the footnote-ish text pops up.
> Why doesn't it work in IE?
>
> TIA,
> Nancy
IE6 doesn't play well with the pseudo classes :hover etc. on anything but
the 'a' anchor tag.
You can easily bring it into line with the help of a little piece of
javascript compliments of Suckerfish.
http://www.htmldog.com/articles/suckerfish/hover/
This code works for your example, you will see there is a change to your
rule for the hover.
The script works well as an external file and I usually call it with a
conditional comment aimed at 'lt IE 7'
/**/
/**/
Duncan
__
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] CSS popup not popping in IE
On Tue, 10 Jun 2008 13:36:45 -0500, Nancy E. Sosna Bohm wrote:
> This pure-css popup works in FireFox, but not IE.
> http://tinyurl.com/6xkooa
>
> [code snipped]
>
> When you mouse over the word "roughly," the footnote-ish text pops up. Why
> doesn't it
> work in IE?
>
I *think* that IE needs an extra boost to make it notice the "hover."
Try adding a rule like this:
div#popup a:hover {
background-position: 0 0;
}
More about this here:
http://www.tanfa.co.uk/css/articles/pure-css-popups-bug.asp
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] CSS popup not popping in IE
> When you mouse over the word "roughly," the footnote-ish text pops up. > Why doesn't it work in IE? Hi Nancy, Try changing to Best regards, Kepler Gelotte Neighbor Webmaster, Inc. 156 Normandy Dr., Piscataway, NJ 08854 www.neighborwebmaster.com phone/fax: (732) 302-0904 __ 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/
