SmartMenus DHTML Menu / JavaScript Menu - Forums

Angelo · 2011-Dec-27 12:19:08

I'd like to use PoshyTips on my site. What I've noticed is that if I use a tooltip, it gets positioned properly in Chrome and Safari, but it's way off on Firefox (too high and too far over to the right) and on Opera (just too far over on the right).

I'm not sure if this is an issue with PoshyTip or, more likely, my inexperience with web design.

You can see this behaviour at http://droppedbits.com

Any ideas?

Thanks,

-Angelo

smartmenus · 2011-Dec-31 04:51:49

You need to modify a bit your CSS for the icons to make the script work the same in all browsers because currently the IMG elements are floated and the links practically have no dimensions (and different browsers seem to disagree how to render them). So you should change the following:

Code:

img.icon {
    border: 0;
    float: left;
}

like this:

Code:

#icons a {
    float:left;
}
img.icon {
    border: 0;
}

Now you will notice all browsers behave the same proper way. However, from what I can see, you will probably need to change the alignment for the tips as they will cover the icons to the left if you hover some of those to the right (you could also try the "allowTipHover: false" option and maybe also removing the hide animation with "hideAniDuration: 0" but it will not completely solve the issue).

Happy New Year!

Angelo · 2011-Dec-31 06:14:00

That worked like a charm. Thanks and happy new year to you all, too!

SmartMenus DHTML Menu / JavaScript Menu - Forums

#1 2011-Dec-27 12:19:08

Positioning trouble with Firefox and Opera?

#2 2011-Dec-31 04:51:49

Re: Positioning trouble with Firefox and Opera?

Code:

Code:

#3 2011-Dec-31 06:14:00

Re: Positioning trouble with Firefox and Opera?

Board footer