![](http://oshiete.xgoo.jp/images/v2/pc/qa/question_title.png?8acaa2e)
最初からテーブルを一番上に持ってくるにはどうしたら良いですか?CSSで設定するのでしょうか?
【】で囲ってある部分を最初から上にしたいのです。入れ子のようにしてテーブルを挿入すると必ず真中になってしまいます。
<table width="800" border="1" cellspacing="0" cellpadding="0" height="500">
<tr bgcolor="#FFFF00">
<td valigin="top" valign="top" colspan="4" height="64">
</tr>
<tr>
<td colspan="3" height="2"> </td>
</tr>
<tr>
【<td width="170">
<table width="170" border="1" cellspacing="0" cellpadding="0">
<tr>
<td> </td>
</tr>
</table>】
</td>
<td width="238" height="352"> </td>
<td width="197"> </td>
</tr>
<tr>
<td colspan="3">
</td>
</tr>
</table>
No.4ベストアンサー
- 回答日時:
タグを拝見したところでは、表の中にあるセルに新たな表を作りたいって意味だと思うのですが、そうだという前提で話を進めると、表を入れるセルの位置が違います。
<td valigin="top" valign="top" colspan="4" height="64">
の後に
<table width="170" border="1" cellspacing="0" cellpadding="0">
<tr>
<td> </td>
</tr>
</table>
を挿入すれば、一番上のセルに表が入れられます。
なお、元のHTMLで
<td valigin="top" valign="top" colspan="4" height="64">
のセルに、閉じタグ「</td>」が無いみたいなので、挿入したテーブルタグの後ろへ忘れずに追加してください。
この回答への補足
ありがとうございます。
直りましたが、<td valigin="top" valign="top">でなぜ、valign="top"を2回入力しないと上に配置されないのでしょうか?td valigin="top"だけで、テーブルが上に配置されても良いのですが・・・。
質問の意味がわかりにくい中、適切な回答をいただきありがとうございます。追加の質問にもお答えいただくとありがたいです。よろしくお願いします。
No.3
- 回答日時:
質問の答えになっているか不安ですが…
<table width="800" border="1" cellspacing="0" cellpadding="0" height="500">
<tr bgcolor="#FFFF00">
<td valigin="top" valign="top" colspan="4" height="64">
</tr>
<tr>
<td colspan="3" height="2"> </td>
</tr>
<tr valign="top">
<td width="170">
<table width="170" border="1" cellspacing="0" cellpadding="0">
<tr>
<td> </td>
</tr>
</table>
</td>
<td width="238" height="352"> </td>
<td width="197"> </td>
</tr>
<tr>
<td colspan="3">
</td>
</tr>
</table>
としたらどうですか?
【】で囲まれた部分の縦方向の位置を上(valign="top")に指定しました。
見当違いの回答でしたら申し訳ないです;
No.2
- 回答日時:
【<td width="170">
の部分に valign="top" と追加すると上部に表示されます。
・・質問の意図がつかみづらかったのですが、こういうことでいいのでしょうか?
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- HTML・CSS テーブルタグのセルの幅の一部だけを指定 1 2023/03/12 12:02
- JavaScript EasyUIのSubGrid(jquery)におけるObjectに入れた連想配列について 1 2022/05/02 11:21
- Visual Basic(VBA) Selenium.ChromeDriverの使い方について 7 2022/09/22 06:43
- HTML・CSS 自身のHPにYouTube動画を貼り付けるのが出来なくなり困ってます 1 2022/11/11 10:44
- HTML・CSS 【CSS】:hasで可能? imgを含むtr要素を選択したい 1 2022/11/17 14:36
- JavaScript jQueryで同じクラス名のものを別物として扱いたい 1 2022/06/17 14:14
- AJAX JavascriptからPHPへのAjax通信でnullが返ってくる 3 2022/08/03 22:00
- PHP htmlで複数の個数入力欄を表示させるには 1 2022/09/20 03:11
- MySQL SQL任意に並び替えをしたい 2 2023/08/28 10:47
- Perl PERL 1 2022/04/26 14:15
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
テーブルの任意の列を非表示に...
-
tableにul,または,olを入れられ...
-
カレンダー内の数字を左上に配...
-
safariで特定条件下でデーブル...
-
テーブル内でdivを使った時に改...
-
ホームページのテーブルの作成...
-
Dreamweaverでタグが反映されな...
-
テーブルのセルに画像をピッタ...
-
スタイルシートで colspan=3と...
-
テーブルの行を折りたたみたい...
-
nth-childをtrとtdに同時に使う...
-
おしゃれなテーブル
-
テーブルの位置
-
tableの中にtableを作りスクロ...
-
【HTMLタグ】テーブルを教えて...
-
44行目: パラメータ '__format'...
-
Firefoxの場合だけ、2つのtabl...
-
TRタグの余白をcssで設定するには
-
セルをまたがるリンク。
-
TABLE(表)を横に並べたいので...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
テーブルの行を折りたたみたい...
-
tableにul,または,olを入れられ...
-
テーブルの任意の列を非表示に...
-
TRタグの余白をcssで設定するには
-
テーブルのヘッダとボディの幅...
-
cssで、表示されるテキストによ...
-
テーブルのセルに画像をピッタ...
-
文字列が入っているtdを削除せ...
-
逆L字の表(table)組み
-
テーブルの表示がずれます
-
HTML <td></td>タグ セル内余...
-
HTMLのテーブルで桁をそろ...
-
中に<table></table>が使えるア...
-
スタイルシートで colspan=3と...
-
htmlのtable内に画像
-
ホームページ 表の上の余白を...
-
テーブルタグのセルの幅の一部...
-
テーブルの行の高さを指定する...
-
EXCELからhtmlへの変換で罫線が...
-
CSSだけで<table>の<td>や<tr>...
おすすめ情報