On Sep 21, 2006, at 2:30 PM, Rey Bango wrote:
> This though:
>
> #JT {
> overflow: hidden;
> }
>
> caused the arrow image to disappear. Not sure why.
It's all working beautifully now, as far as I can tell:
http://test.learningjquery.com/jtiptest.htm
Here are the extra changes I made:
* to http://test.learningjquery.com/scripts/jtip.js ...
- pulled "JT_arrow_left" and "JT_arrow_right" out of the "JT" div.
ex: $('body').append('<div id="JT_arrow_left"></div>');
- set the left and top properties of the arrows independently.
if ($('#JT_arrow_left')){
$('#JT_arrow_left').css({left: (clickElementx - 10) + "px", top:
(clickElementy-1)+"px"});
}
if ($('#JT_arrow_right')){
$('#JT_arrow_right').css({left: (getAbsoluteLeft(linkId) - 15) +
"px", top: clickElementy+"px"});
}
* to http://test.learningjquery.com/css/global.css ...
/* for consistency between firefox and IE */
body > #JT_arrow_right {
margin-top: 0;
margin-left: 3px;
}
Still needs to be tested in the wild, but looks spiffy on Firefox and
IE6.
Cheers,
Karl
_______________________
Karl Swedberg
www.englishrules.com
www.learningjquery.com
_______________________________________________
jQuery mailing list
[email protected]
http://jquery.com/discuss/
