jickpictures
04-15-2010, 05:28 PM
I added a jQuery script to my website called "Tipsy (http://onehackoranother.com/projects/jquery/tipsy/)", and for the "east" variable I can't get the margin-right code to change the distance of the script to appear farther from the button link. On the "west" variable in the Tipsy code I can set margin-left to work. Tipsy operates in it's own div layer. How can I set margin-right in the CSS to make Tipsy appear farther from the link? The Tipsy CSS is as follows:
.tipsy { padding: 5px; font-family: Verdana, Geneva, sans-serif; font-size: 12px; opacity: 0.8; filter: alpha(opacity=80); background-repeat: no-repeat; background-image: url(../images/tipsy.gif); }
.tipsy-inner { padding: 13px 16px 12px 13px; background-color: black; color: white; max-width: 200px; text-align: center; }
.tipsy-inner { -moz-border-radius:3px; -webkit-border-radius:3px; }
.tipsy-north { background-position: top center; }
.tipsy-south { background-position: bottom center; }
.tipsy-east { margin-right: 50px; background-position: right center; }
.tipsy-west { background-position: left center; }
.tipsy { padding: 5px; font-family: Verdana, Geneva, sans-serif; font-size: 12px; opacity: 0.8; filter: alpha(opacity=80); background-repeat: no-repeat; background-image: url(../images/tipsy.gif); }
.tipsy-inner { padding: 13px 16px 12px 13px; background-color: black; color: white; max-width: 200px; text-align: center; }
.tipsy-inner { -moz-border-radius:3px; -webkit-border-radius:3px; }
.tipsy-north { background-position: top center; }
.tipsy-south { background-position: bottom center; }
.tipsy-east { margin-right: 50px; background-position: right center; }
.tipsy-west { background-position: left center; }