Form Select
位置の調整 












ブロックCここはまだなにも決めていない。
スタイルシートを適用しない場合 <select > タグを書くとその間隔はひらいてしまう。
例えば
  1. 一番目の項目
  2. 二番目の項目
  3. 三番目の項目
とした場合に 2 と 3の間に <FORM><SELECT> を入れると
  1. 一番目の項目
  2. 二番目の項目

    このオプションメニューとの上下間隔がひらく html だけでは詰められなかったように思う。
  3. 三番目の項目
これにスタイルシートを適応すると
  1. 一番目の項目
  2. 二番目の項目

    margin-top と margin-bottom を設定してやるとこんなふうに上下の位置を詰めることができる。
  3. 三番目の項目
こんなふうに細かく調整が出来る。
style 説明
.adj_up{
  margin-top : 1px;
  margin-bottom : 1px;
}
← 単に top とbottomを
設定しているだけ

htmlでは以下のようにするだけです。
html source
<OL>
  <LI>一番目の項目
  <LI>ニ番目の項目<BR>
  <FORM class="adj_up"><SELECT name="opt">
    <OPTION value="10">一番目</OPTION>
    <OPTION value="20">二番目</OPTION>
    <OPTION value="30" selected>三番目</OPTION>
  </SELECT><BR>
  margin-top と margin-bottom </FORM>
  <LI>三番目の項目
</OL>


 class="adj_up" とすれば
 いいだけ