![](http://oshiete.xgoo.jp/images/v2/pc/qa/question_title.png?e8efa67)
一部消去していますが、以下のようなフォームを左に任意のスペースを空けて表示させる場合、どういったタグを使えばいいのでしょうか。
よろしくお願いいたします。
<FORM ACTION="" METHOD="GET" NAME="TG" TARGET="_blank"><table width="250" border="0"><tr><td bgcolor="#0000FF"><div align="center"><font color="#FFFFFF"><strong>検索</strong></font></div></td></tr><tr><td>選びください。<br></br><select name="stayym" size="1"><option value="200902"></option></select></br><br>選びください。</br><select name="catid" size="1">n><option value="11203</option></option></select><input type="submit" value="GO"></td></tr><tr><td><div align="right">ツーリスト</div></td></tr></table></FORM>
No.3ベストアンサー
- 回答日時:
同じく、CSSを使用するのが簡単かと。
とりあえず、左にマージン100px指定した場合のコードです。
CSSはエンベッデッドで書いてますが、外部配置を推奨します。
コードはご使用のDOCTYPEにあわせて変更してください。
<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitio …
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="Content-Style-Type" content="text/css" />
<style type="text/css" media="all">
<!--
form {
margin: 0px 0px 0px 100px;
padding: 0px 0px 0px 0px;
}
/ / -->
</style>
<title>Untitled Document</title>
</head>
<body>
<form action="" method="get" name="TG" target="_blank">
<table width="250" border="0">
<tr>
<td bgcolor="#0000ff">
<div align="center">
<font color="#ffffff">
<strong>検索</strong>
</font>
</div>
</td>
</tr>
<tr>
<td>
選びください。
<br/>
<br/>
<select name="stayym" size="1">
<option value="200902"></option>
</select>
<br/>
<br/>
選びください。
<br/>
<select name="catid" size="1">
<option value="11203"></option>
</select>
<input type="submit" value="go" />
</td>
</tr>
<tr>
<td>
<div align="right">
ツーリスト
</div>
</td>
</tr>
</table>
</form>
</body>
</html>
No.2
- 回答日時:
自分もCSSで指定してあげれば出来ると思います。
<head></head>の中に
<style type="text/css">
<!--
form{ margin-left:100px; }
-->
</style>
を記述して左にマージンを入れてあげてはいかがでしょうか?
<<以下ソース>>
<html>
<head>
<title>サンプル</title>
<style type="text/css">
<!--
form{ margin-left:100px; }
-->
</style>
</head>
<body>
<FORM ACTION="" METHOD="GET" NAME="TG" TARGET="_blank">
<table width="250" border="0">
<tr>
<td bgcolor="#0000FF">
<div align="center">
<font color="#FFFFFF"><strong>検索</strong></div></font>
</td>
</tr>
<tr>
<td>選びください。<br></br>
<select name="stayym" size="1"><option value="200902"></option></select></br><br>
選びください。</br>
<select name="catid" size="1"><option value="11203"></option></select>
<input type="submit" value="GO">
</td>
</tr>
<tr>
<td><div align="right">ツーリスト</div></td>
</tr>
</table>
</FORM>
</body>
<html>
margin-left:100px;の数字の部分100を好きな数字におきかえれば、その分あきますよ。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
関連するカテゴリからQ&Aを探す
おすすめ情報
- ・漫画をレンタルでお得に読める!
- ・街中で見かけて「グッときた人」の思い出
- ・「一気に最後まで読んだ」本、教えて下さい!
- ・幼稚園時代「何組」でしたか?
- ・激凹みから立ち直る方法
- ・1つだけ過去を変えられるとしたら?
- ・【あるあるbot連動企画】あるあるbotに投稿したけど採用されなかったあるある募集
- ・【あるあるbot連動企画】フォロワー20万人のアカウントであなたのあるあるを披露してみませんか?
- ・映画のエンドロール観る派?観ない派?
- ・海外旅行から帰ってきたら、まず何を食べる?
- ・誕生日にもらった意外なもの
- ・天使と悪魔選手権
- ・ちょっと先の未来クイズ第2問
- ・【大喜利】【投稿~9/7】 ロボットの住む世界で流行ってる罰ゲームとは?
- ・推しミネラルウォーターはありますか?
- ・都道府県穴埋めゲーム
- ・この人頭いいなと思ったエピソード
- ・準・究極の選択
- ・ゆるやかでぃべーと タイムマシンを破壊すべきか。
- ・歩いた自慢大会
- ・許せない心理テスト
- ・字面がカッコいい英単語
- ・これ何て呼びますか Part2
- ・人生で一番思い出に残ってる靴
- ・ゆるやかでぃべーと すべての高校生はアルバイトをするべきだ。
- ・初めて自分の家と他人の家が違う、と意識した時
- ・単二電池
- ・チョコミントアイス
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
html でのテキスト結合について
-
tableタグとformタグの組み合わせ
-
TDタグ内での均等割付の仕方
-
divで囲んだ文字が消える
-
丸角テーブルの簡単な作り方
-
Tableタグで作成した表の縮小
-
<img>タグにCSSのclass設定可能?
-
tableの幅が指定幅になりません
-
<BODY>~</BODY> の中に <STYLE...
-
HTMLの表示(ブラウザ)
-
どこが悪いのかみていただきた...
-
テーブルの枠線に色が付かない
-
HTMLでテーブルタグ<table>を使...
-
作成したメールフォームの内容...
-
画像の間に空白が入ってしまう
-
td width="180" と固定してるの...
-
同じクラス名はつけないほうが...
-
枠線上にタイトルを表示したい。
-
プルダウンによる表示制御方法
-
CSSでエラーが出ました
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
tableタグとformタグの組み合わせ
-
html でのテキスト結合について
-
テーブルの一部分のセルだけに...
-
同じクラス名はつけないほうが...
-
Tableタグで作成した表の縮小
-
td要素内のdiv要素をセンタリン...
-
Tableタグ内のspan styleが適応...
-
XHTMLに関する質問 順序が逆に...
-
ブラウザによってテーブルのセ...
-
表とリスト(ulとtable)の違い...
-
vbscriptで時計を作りたい
-
formのinputなどの幅100%指定
-
TDタグ内での均等割付の仕方
-
cssで、テーブルのtdの中の文字...
-
センタリングしたページの印刷
-
Firefoxを使ってるのですがズー...
-
divで囲んだ文字が消える
-
Dreamweaver デザインビューの...
-
テーブルの枠線に色が付かない
-
HTMLのテーブルでそれぞれの大...
おすすめ情報