 |
 | Home | Contact Us | FAQ | Search & Site Map | Link to Us |
 | Sign In | Join | Other 45 Sites in Network |
| HomeDiscussion GroupsGeneralPHPASPPerlColdFusionFlashHTML, CSS, ScriptsBrowsers |
Webmaster Forum / HTML, CSS, Scripts / CSS / February 2005One for the real experts
http://porjes.com/brucie-tooltip-thingy.html Considering brucie's css tooltip design. I like the idea for using such a thing on my gallery, however, the tooltip displays only in the division where it was generated. Is there an available method to show it elsewhere? Such as in the main large image viewing area so that the tooltip does not cover the image? > http://porjes.com/brucie-tooltip-thingy.html > [quoted text clipped - 4 lines] > Such as in the main large image viewing area so that the tooltip does not > cover the image? Well, it doesn't work the same in Firefox as it does in IE. In Mozilla the tooltips appear at the far left...way out of context in some instances. >> Richard wrote: >>Is there an available method to show it elsewhere? Check out overlib at http://www.bosrup.com/web/overlib/ It's a Javascript library for that kind of purpose and should work in Firefox and IE. Mike >> http://porjes.com/brucie-tooltip-thingy.html >> [quoted text clipped - 10 lines] >the tooltips appear at the far left...way out of context in some >instances. If you change the a:hover span {display: to be inline, and not block, it works the same in both IE 6 for Windows and Firefox for windows. Regards Ian  SignatureIan - posting to a Newsgroup. Please remove everything to reply. >>> http://porjes.com/brucie-tooltip-thingy.html >>> [quoted text clipped - 17 lines] > If you change the a:hover span {display: to be inline, and not block, it > works the same in both IE 6 for Windows and Firefox for windows. Very good. I had deleted display:block; thinking that it would use the initial value of inline and thereafter dismissed it. Obviously it applied display:none; according to the rule of the Cascade. So here is a question I have: When no display declaration is used, how, in this example, does the Cascade apply display:none; ? SignatureGus > http://porjes.com/brucie-tooltip-thingy.html > [quoted text clipped - 4 lines] > Such as in the main large image viewing area so that the tooltip does not > cover the image? The positioning of the hovered over span is absolute, but without any actual positioning (top/left), so all the popups are displayed 0,0 the next line down from where they are in Moz/Opera and at the top of that line to the right in IE. To position all the popups at one specific set of coordinates on the page for all browsers, add the top/left to this line: position:absolute; top:##px; left:##px; If you wish to position the popups each at different coordinates, then give each span a different id and include in the stylesheet a line for each id with its own coordinates instead: #special1 span {top:10px;left:400px;} #special2 span {top:50px;left:300px;} ..... SignatureGus |
Reply to this Message |
 Sign In
 Join
 My Latest Posts My Monitored Threads My Blog My Photo Gallery My Profile My Homepage Start New Thread Enable EMail Alerts Rate this Thread
|
©2009 Advenet LLC Privacy Policy - Terms of Use
This website includes both content owned or controlled by Advenet as well as content owned or controlled by third parties.