On 1/23/07, Andy Harrison <[EMAIL PROTECTED]> wrote:
>
> There is another way to do it, but IE doesn't support the popup (since IE
> only works with :hover on anchors/hyperlinks - maybe IE 7 works; I don't
> know), so only the hyperlink would work. It would be something like this:
>
> <div class="pop"><div class="popup">popup content</div><a
> href="...">?</a></div>
>
> .pop {
> position:relative;
> background-image:url(q.gif);
> height:17px;
> width:16px;
> }
> .pop .popup {
> display:none;
> }
> .pop:hover .popup {
> display:block;
> position:absolute;
> top:15px;
> left:15px;
> background-color:white;
> border:1px solid black;
> }
>
> Andy :-)
> ______________________________________________________________________
> css-discuss [EMAIL PROTECTED]
> http://www.css-discuss.org/mailman/listinfo/css-d
> IE7 information -- http://css-discuss.incutio.com/?page=IE7
> List wiki/FAQ -- http://css-discuss.incutio.com/
> Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
If you have knowledge of JavaScript and .htc files, you can assign functions
to onMouseOver and onMouseOut events that will act the same as a normal
browsers :hover css attributes. This is a built in funcitonality for IE to
overcome their hover pseudo-class shortcoming. I'd give further help, but
seeing as this is a css mailing list it's not appropriae to discuss
JavaScript here, but a quick google search will yield many results.
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
