都道府県穴埋めゲーム

【タグ】左寄せする方法

解決済

  • 質問者：numa0303
  • 質問日時：
  • 回答数：3件

一部消去していますが、以下のようなフォームを左に任意のスペースを空けて表示させる場合、どういったタグを使えばいいのでしょうか。

よろしくお願いいたします。

<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>

通報する

この質問への回答は締め切られました。

質問の本文を隠す

A 回答 (3件)

No.3ベストアンサー

  • 回答者： aegills
  • 回答日時：

同じく、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>
    • good
    • 0
    • 件
通報する
この回答へのお礼

参考になりました。ありがとうございます！

通報する
お礼日時：2011/01/05 12:22

No.2

  • 回答者： u2122
  • 回答日時：

自分も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を好きな数字におきかえれば、その分あきますよ。
    • good
    • 0
    • 件
通報する
この回答へのお礼

参考になりました。ありがとうございます！

通報する
お礼日時：2011/01/05 12:19

No.1

  • 回答者： yambejp
  • 回答日時：

ちょっとソースがきたなすぎでは？



< /br>とか（スペースがはいってたり）
コーテーションが閉じてなかったり、
n>とか意味がわからないのがはいってたり・・・

質問する前に、もう少しソースをきれいにしないと
何が問題になっているか把握できないと思いますよ。

ご質問の件は、単純にCSSで調整なさるとよいでしょう。
テーブルに左マージンを指定してみてはどうですか？
    • good
    • 0
    • 件
通報する
この回答へのお礼

参考になりました。ありがとうございます！

通報する
お礼日時：2011/01/05 12:19

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう！

Q質問する（無料）

ページトップページトップ

おすすめ情報

Q質問する（無料）

デイリーランキングこのカテゴリの人気デイリーQ&Aランキング

マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング

おすすめ情報