![](http://oshiete.xgoo.jp/images/v2/pc/qa/question_title.png?5a7ff87)
検索ボタン、検索窓のHTML,CSSについての質問をさせていただきます。
どこかから引っ張ってきた検索ボタン・検索窓のHTMLを自分のサイトに埋め込んでみたら、bottomにけっこう広い邪魔な余白ができてしまいます。
padding,margin,valign...など、持ってる知識をふりしぼりましたが改善されません。その記述内容は以下の通りです。
===============================
<table>
<tr><td>
<div>
<form action="http://search-web.○○○○○.○○/cgi-bin/search" name="form" id="form" onsubmit=" return f_submit(); ">
<input name="site" value="○○○○○.○○" type="hidden">
<input name="query" value="○○○○○" maxlength="300" type="text" class="cw">
<input value="検索" class="button" type="submit">
</form>
</div>
</td></tr>
</table>
===============================
上記内容を書かない場合は高さ・余白の調節ができるのですが、書き込むと何もできず、下部に余白がかなりできてしまいます。
heightで高さを指定しても改善されません。
1.何か原因があるのか教えてください。
2.また、良い記述内容、改善策を教えてください。
3.全てのブラウザで同じように表示できる記述内容があれば教えてください。
初歩的な質問かもしれませんが、困ってますのでどうぞよろしくお願いします。
A 回答 (3件)
- 最新から表示
- 回答順に表示
No.2
- 回答日時:
#1 naokita です。
お礼見ての回答ですが、#1の回答は質問のHTMLだけの判断での結果ですので(別の環境で試す事)
その下のコンテンツに対してのマージン等が絡んでいたり
CSSにて、質問のHTML内のtable,td,div,form,inputのCSS設定で何かしているのが原因! class="cw" も気になるところですが・・・
質問のHTMLだけでの原因はform以外にありませんので、誰も回答出来ませんよ
そのブロック要素、全てのマージンをゼロに変更して確認すれば、
何が原因なのか一目瞭然。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript ①入力フォーム→②確認表示画面→③送信完了画面のコードを書いているのです、 入力フォームから受け取っ 2 2022/05/10 16:45
- HTML・CSS ボタンをクリックした時に、入力フォームのすぐ下部に、「入力欄が空白です」というテキストメッセージが表 1 2022/04/27 16:25
- JavaScript 入力フォームの javascript で メールアドレスの正規チェックをを行い、ボタンをクリックして 2 2022/04/27 16:06
- HTML・CSS CSSが効かずどのように指定すれば良いか分からないのでアドバイスお願い致します 2 2023/06/07 12:25
- JavaScript フォームが空欄の時にフォームの外をクリックすると、エラーが出るコードを調べています。 1 2023/06/25 11:51
- JavaScript jqueryを使ったスムーススクロールのコードを書いたのですが、HTMLコード内にある、a butt 2 2022/04/14 10:59
- JavaScript Javascript初心者|jQueryの.val()で値を取得し複数の要素を連結させる方法知りたい 2 2022/06/02 12:06
- Excel(エクセル) PHPプログラムをエクセルに張り付けると検索ボックスがでてくる! 3 2022/05/08 07:10
- JavaScript sessionStorageを調べています。 1 2023/06/20 12:41
- JavaScript Javascriptが機能せず原因が分からないので教えて頂きたいです 3 2023/06/04 14:50
関連するカテゴリからQ&Aを探す
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
getParameterで値が取得できず...
-
SUBMITボタンを表示させないでS...
-
IEでのボタンの幅の調整方法
-
リンクでPOSTデータを送信する...
-
(HTML)ページのリロードでの問題
-
html css 検索ボタン 検索窓 ...
-
<form>中の<button>タグのv...
-
異なるformのsubmitボタンを同...
-
戻ると、記入フォームの内容が...
-
HTMLボタンの文字色を変え...
-
HTMLボタンのクラスを動的...
-
ただいま勉強始めたての初心者...
-
Eclipseでクリーンが出来ない
-
コネクション・セッション・ト...
-
DVD-Rの「セッションを閉じる」...
-
Accessの画面更新を一時的に停...
-
VBAで一時中断したプログラムの...
-
Webページ上のボタン等の位置を...
-
C#でドラッグ&ドロップが機能し...
-
複数選択のListBoxでClickイベ...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
HTMLボタンの文字色を変え...
-
getParameterで値が取得できず...
-
submitボタンにvalue属性の値で...
-
リンクでPOSTデータを送信する...
-
INPUTのボタン周囲のスペース
-
ボタンのなかに表示する文字を...
-
ASP.NET ブラウザでボタンが表...
-
SUBMITボタンを表示させないでS...
-
<FORM> </FORM> の中に さらに...
-
ボタンをクリックした時に、入...
-
checkboxとlabelがずれる
-
formの送信ボタンをテキストに...
-
inputのtextとsubmitの高さがズ...
-
異なるformのsubmitボタンを同...
-
HTML ラジオボタン nameの大文...
-
戻ると、記入フォームの内容が...
-
htmlで画面遷移させたい
-
UWSC
-
チェックボックスの値をコピー
-
<form>中の<button>タグのv...
おすすめ情報