2012-04-27 6 views
1

Slider looks like thisJqueryUi Sliderを縦に並べる方法は?

は、ここに私のコードです:

私はラインの真ん中にアルギンスライダーと入力フィールドを作りたい
<div class="search-option"> 
    <div id="slider-days" class="search-opt-left"></div> 
    <input type="text" id="amount-days" class="search-opt-right input-small"/> 
</div> 

どうすればいいですか?ありがとう!

マイCSS:

.search-opt-left { 
    float: left; 
    width: 250px; 
    vertical-align: middle; 
} 
.search-opt-right { 
    float: left; 
    margin-left: 20px; 
} 
+0

おそらく '.search-option * {vertical-align:middle; } '? – SpYk3HH

+0

私はちょうどいくつかのパディングまたは余白を追加します。 – Muhd

+0

@ SpYk3HHそれは動作しません。 – MrROY

答えて

0

これはバグができます。 私が通常しているのはテーブルを作ることです。また、テーブルの行は、垂直に配置されたアラインメントで始まるので、非常に簡単です。

<div class="search-option"> 
    <table cellspacing="0" cellpadding="0"> 
     <tr> 
      <td> 
       <div id="slider-days" class="search-opt-left"></div> 
      </td> 
      <td> 
       <input type="text" id="amount-days" class="search-opt-right input-small"/> 
      </td> 
     </tr> 
    </table> 
</div> 

不要なものを取り除くためにCSSを変更することができます。

+0

それはクールではありませんが、動作します。ありがとう! – MrROY

関連する問題