2011-10-26 13 views
1

...問題私はCSSを以下していると私はすべての私の3つの選択ボックスが1 line.Thoughで、私はインラインとしてディスプレイを実装しているが、そのはdiv要素で働いていないしたい

.block_feedback .field select { color: #FFF; width:375px; height:20px; line-height:17px; margin-left:13px; margin-top:4px; display:none; background-color:#00A2B1; border:0px; font-family:Arial, Helvetica, sans-serif; font-size:16px; } 

<div class="field" > 
      <select name="dobmonth" id="dobmonth" class="w_def_text" style="width:150px;"> 
       <?php getmonth(); ?> 
      </select> 
      <select name="dobdate" id="dobdate" class="w_def_text" style="width:80px;"> 
       <?php getbirthdate(); ?> 
      </select> 
      <select name="dobyear" id="dobyear" class="w_def_text" style="width:80px;"> 
       <?php getyear(); ?> 
      </select> 
</div> 
+1

この現象はどのブラウザで見られますか?私はすべて3 firefoxで(jsfiddle経由で)インライン選択を参照してください – JackWink

+1

同じ:http://jsfiddle.net/YXNAH/ –

+0

私の質問は選択については表示されていません。私は3つのすべてを同じ行(同じ行に水平に)で選択することを望む...垂直に同じ行(次々に)ではない –

答えて

1

使用float:leftは、 とでは、「選択図】図」float:left;を追加して、特定の幅

0

をことを考えると、はインライン要素なので、浮動小数点型を使用する必要はありません。視覚的にレンダリングされるとき、通常、インライン要素は新しい行から始まらない。

http://jsfiddle.net/qByj4/

また、私は、インラインCSSを避ける​​だろう。そのidを使って幅を設定することができます。

関連する問題