jquery - I'm trying to align my text values next to my slider bar but having issues -
i've been working on problem few hours now. (i'm terrible when comes css)
i have these 2 jquery sliders values. i'm trying align "rooms: 0" , "bathrooms: 0" right next corresponding slider bar.
.pricebox { width: 400px; margin:0px; height:50px; color: #ffffff; font-size: 20px; font-weight: 700; } .custom-slider { margin-bottom:10px; width: 70%; float: right; } .values { width: 30%; text-align: left; float: left; } #cleared{ clear: both; } <div class="pricebox"> <div id="slider-1" class="custom-slider"></div> <span>rooms: <div id="slider-1-value" class="values">0</div></span> <br /> <div id="slider-2" class="custom-slider"></div> <span>bathrooms: <div id="slider-2-value" class="values">0</div></span> </div> <div id="cleared">
i have check website , have found issue : have updated inline css in div make changes according style sheet work :
here code :
<div class="pricebox"> <div class="custom-slider ui-slider ui-slider-horizontal ui-widget ui-widget-content ui-corner-all" id="slider-1" aria-disabled="false" style="float: left;"><a href="#" class="ui-slider-handle ui-state-default ui-corner-all" style="left: 0%;"></a></div> <span style="float: left;">rooms: <div id="slider-1-value" style="display: inline;">1</div></span> <br> <div class="custom-slider ui-slider ui-slider-horizontal ui-widget ui-widget-content ui-corner-all" id="slider-2" aria-disabled="false" style="float: left;"><a href="#" class="ui-slider-handle ui-state-default ui-corner-all" style="left: 20%;"></a></div> <span style="float: left;">bathrooms: <div id="slider-2-value" style="display: inline;">2</div></span> </div>
Comments
Post a Comment