検索窓とボタンの並べ方
-
0 名前： ななみ ： 2005/11/26 20:44
- はじめまして ななみ と申します。
Google の検索窓とボタンを <br> を使って縦に並べました。
検索窓とボタンと ラジオボタンの行と 三行になりました。
その行間を広げようと line-height を使いましたら Netscape では拡がったのですが ＩＥでは動きません。
ＩＥで行間を広くするには どうすればよろしいのでしょうか？
どうぞ よろしくお願いいたします。
-
1 名前： ｍｄｐ ： 2005/11/26 20:44
- 透明ＧＩＦで無理矢理スペース確保とか
http://www.tagindex.com/hp_guide/img/spacer_gif.html
あと一応HTMLソース、スタイルシートともに提示を推奨します。
そのほうが答える側も答え易いですから。
-
2 名前： ななみ ： 2005/11/26 20:44
- ｍｄｐさん お返事 ありがとうございました。
<br>画像<br> と言う感じに書く ということなのでしょうか？
そんな風に書くと 「無理矢理だ！」と思われたりするのでしょうか。
私流の書き方で お見苦しいかと存じますが ご覧いただけますか。
http://www.nagominoniwa.net/sakuin/test02sakuin-1.html
http://www.nagominoniwa.net/sakuin/test02sakuin-1.css
-
3 名前： 通りすがり2 ： 2005/11/26 20:44
- 「google検索」のボタンに上下にmarginを指定すればよいのでは。
こんなかんじ？
<INPUT type="submit" name="btnG" value="Google 検索" style="margin:5px auto;">
-
4 名前： ななみ ： 2005/11/26 20:44
- 通りすがり2さん お返事 ありがとうございました。
おかげさまで 程よい間隔をあけることができました。
ボタンにスタイルをつけられるとは 思いませんでした。 勉強になりました。
数値を微調整して id をつけて style を css ファイルの方に書き込むことも出来ました。
こんな感じです。
http://www.nagominoniwa.net/sakuin/test04sakuin-1.html
これでアップしようと思っております。
本当に ありがとうございました。 また 何かの折には よろしくお願いいたします。
-
5 名前： ななみ ： 2005/11/26 20:44
- ｍｄｐさんへ
先日教えていただいた「透明GIF画像」を 別のところですが 使わせていただきました。
http://www.nagominoniwa.net/sakuin/tsubaki02.html#HIGO
「紅白」の画像の右に並べたリストが 六行目だけ左にずれていましたが 画像の下に
「透明GIF画像」を置くことで 解決できました。
もう一箇所 「ページトップへ戻る」を書いた行と書かない行で box の間隔（タテ方向）が
違って見えていたのも 「透明GIF画像」を使って 直すことができました。
悩んでいた二つのことが一挙に解決できて とてもうれしく思っております。
ありがとうございました。
