speergonporgo
New Member
I'm trying to make a little interaction of rulers, but half-way there I'm running into a problem and I'm wondering if anyone can help. I've placed images in the slider handles, but when I start to drag those images to reposition they hop about half of the page over to the right and then are never able to fully draw back to the left. I'm guessing it's a css problem. The code is below, as well as the link to the effort on codepen. Cheers for any help.\[code\] .ui-slider .ui-slider-handle { background: transparent url('https://dl-web.dropbox.com/get/codepen/ruler/03.png?w=AACagc-hyz149jr5UAID4aR4PFDFQWjwbGGkECUIozaG9w');background-size:auto 40px;background-repeat: no-repeat;height: 50px;width: 700px;border: none;opacity:0.5;}.slider {border: 0px;margin: 40px 100px;width: auto;}\[/code\]