We are developing a site that has some pages with many hovertip links. While the page is loading, the hovertips are all displayed. Once the page has finished loading, the hovertips are hidden as they should be until the proper links are moused over.

Is there a known solution or workaround to this problem?

Comments

Dave Cohen’s picture

This has been discussed here: http://www.dave-cohen.com/node/1186#comment-1104 and here: http://www.dave-cohen.com/node/1186#comment-1182.

If someone knows more than I about IE and its peculiarities, I'd love to hear better ideas. At this point I have nothing else to suggest.

shane birley’s picture

Title: hovertips display during page load » Hovertips Appear Prior to Page Load
Priority: Normal » Critical

I see this hasn't been resolved. Is there any idea as to the reason for this? I can replicate it in IE6 but am not able to replicate this behaviour in any other browser. I don't see a solution yet. Are we looking at a page load issue or is it a simple change to the CSS?

I intend on searching but any assistance would be awesome.

Dave Cohen’s picture

Priority: Critical » Normal

I can replicate it in IE6 but am not able to replicate this behaviour in any other browser.

Can I bill Microsoft for time spent on this? :)

But seriously, I don't know how to fix it, and I welcome any patches.

batbug2’s picture

Priority: Normal » Critical
Status: Active » Needs review

bug appeared only in IE6

fixed this by editing the hovertip.css file:

in the end of the the file i edited this part

html>body .hovertip_wrap0 {
		  display: none;
  background:url(corner_tr.png) right top no-repeat;
}
html>body .hovertip_wrap1 {
		  display: block;
  background:url(corner_bl.png) left bottom no-repeat;
  padding-top: 8px;
  padding-left: 8px;
}
html>body .hovertip_wrap2 {
		  display: block;
  background:url(shadow.png) bottom right no-repeat;
}
html>body .hovertip_wrap3 {
        display:block;
		position: relative;
		left: -8px;
		top: -8px;
	background-color: #d3e3f6;
}

and replaced the ">" with space (like this "html body .hovertip_wrap3") and it did the trick

Dave Cohen’s picture

Status: Needs review » Fixed

Thanks, batbug2.

Anonymous’s picture

Status: Fixed » Closed (fixed)

Automatically closed -- issue fixed for two weeks with no activity.