EasyUI Forum
May 02, 2024, 11:07:55 AM *
Welcome, Guest. Please login or register.

Login with username, password and session length
News:
 
   Home   Help Search Login Register  
Pages: [1]
  Print  
Author Topic: how to make the slider center  (Read 9338 times)
balri771
Newbie
*
Posts: 9


View Profile
« on: September 04, 2013, 08:29:10 PM »

Hi,

  My code:
   <div style="position: absolute; left: 50px; top: 60px; width: 80px; height: 200px;
                    z-index: 1;cursor:pointer;text-align: center;">
                   <div style="margin-left: auto;margin-right: auto;" ><img title="ZOOM IN" onclick="bigit();" src="../../EMapImg/zoom_in.gif" /></div>
                    <div> 
                    <input id="ss" class="easyui-slider" value="12" style="height: 140px;width:26px;" />
                    </div>
                    <div style="margin-left: auto;margin-right: auto;"><img title="ZOOM OUT" onclick="smallit();" src="../../EMapImg/zoom_out.gif" /></div>
                </div>

<script type="text/javascript">
$('#ss').slider({
        mode: 'v',
        tipFormatter: function (value) {
            return value + '%';
        }
    });
</script>

 I tried many ways ,but failure.The slider still stay on the left side of the div layer

 Anyone can achieve!
 Thanks!
 Blari


Logged
Pages: [1]
  Print  
 
Jump to:  

Powered by MySQL Powered by PHP Powered by SMF 1.1.18 | SMF © 2013, Simple Machines Valid XHTML 1.0! Valid CSS!