スタイルシートを適用しない場合 <select > タグを書くとその間隔はひらいてしまう。
例えば
- 一番目の項目
- 二番目の項目
- 三番目の項目
とした場合に 2 と 3の間に <FORM><SELECT> を入れると
- 一番目の項目
- 二番目の項目
- 三番目の項目
これにスタイルシートを適応すると
- 一番目の項目
- 二番目の項目
- 三番目の項目
こんなふうに細かく調整が出来る。
| 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" とすれば
いいだけ
|
Copyright (C) 2006 beniya.com All Rights Reserved.