I have this Jquery:
div.find(".CopyIntoNewTownAssociation").button({ icons: { primary: "ui-icon-copy", text: false} });
and this html:
<a style=\"width:20px;height:20px\" class=\"CopyIntoNewTownAssociation\"></a>
However on the page the button is off to the right of the button. I have sever different buttons like these, and with the exact same markup, except for the icon, some are in the center, some at the bottom, some at the right. It’s only off by a few pixels but this is very noticeable on a 20 px button.
Any ideas?
First off i’m an idoit. The issue is that the
{}brackets are not aligned. I wont delete the question just in-case someone else has the same question.The above will center the icon. IT is the
text:falseattribute that is the key to centering the button.