There is simplest code ever:
<DIV id='sliderArmyMove' class='ui-slider-1' style="margin: 0px;">
<div class='ui-slider-handle'>
</div></div>
styles for classes set:
.ui-slider-1 { width: 200px; height: 23px; position: relative;
background-image: url(images/forms/slider.png); background-repeat: no-
repeat; background-position: center center; }
.ui-slider-handle { position: absolute; height: 23px; width: 12px;
top: 0px; left: 0px; background-image: url(images/forms/
slider.gif); }
.ui-slider-disabled .ui-slider-handle { opacity: 0.5; filter:
alpha(opacity=50); }
If i put those two DIV in a body, slider works well, if i put them on
a div, that is on div that is on another div it stop working (last DIV
that the slider is on have position:absolute). Anyone got any solution
for this problem? (I tried to find problem on googles and no luck this
time;() Thanks for any reply
