Button Themeing

Button Themeing


Thanks Maggie for the update on the Button theme. The result so far is
here: http://jquery-ui.googlecode.com/svn/branches/dev/tests/static/button/default.html
Icon positioning is currently the biggest issue, and the
float-approach doesn't work out in IE6. An approach to explore is to
use inline-block instead, keeping in mind that it works in IE6 only on
inline-elements. Stupid enough, this should work:
.ui-button .ui-icon {
display: inline;
display: inline-block;
}
While that should help with IE, its not supported in FF2. There are
workarounds for that as well. A JavaScript example:
http://jquery.bassistance.de/validate/demo/js/cmxforms.js
That uses display:-moz-inline-box, which is, along with
-moz-inline-block, mentioned here:
https://developer.mozilla.org/en/CSS_Reference/Mozilla_Extensions (too
bad all the links just point at the FF3.5 page; not so much an actual
developer resource)
A related discussion, that may help to figure this out:
http://archivist.incutio.com/viewlist/css-discuss/67644
Jörn