CSS documentation (especially for slider)

CSS documentation (especially for slider)


Hi,
I integrated jquery UI slider on my site over a year ago and it's been
working well. I created a few javascript functions to set up sliders
in places where the server rendered input boxes and select boxes. I'm
using my own created graphics which includes a fat slider handle. When
I tried to upgrade I found that the API had changed dramatically. The
slider create function arguments were different, and so were the style
names (and number of them). I've gotten to the point where it works,
except that the slider moves far off the side of the DIV tag. I
understand that something changed so that the slider handle is left-
justified, and that's fine because I can set the left property to make
it centered again. However I cannot figure out how to tell the slider
where the left and right end positions of the handle should be. I
didn't have this problem with the old slider code, which seemed to
keep the left side of the handle within the left side of the DIV and
the right side of the handle within the right side of the DIV with no
further configuration.
One issue with trying to diagnose this problem is that there does not
seem to be any documentation about what CSS style does what. There is
ui-slider, ui-slider-handle (I know those), ui-slider-<orientation>,
ui-corner-all, ui-widget, ui-widget-content, ui-slider-range, ui-
slider-range-min, ui-slider-range-max, ui-state-focus, ui-state-
active... the list goes on. So is there anything posted somewhere that
explains what these styles are for, and especially how configuring one
of them in my stylesheet will help me to keep the slider handle in the
area that it should be?
Thanks for any help,
Alex