
No.3ベストアンサー
- 回答日時:
ああ、勘違い。
上と左はつながっているんですね。
cellpadding とか cellspacing とかを0にして
背景や画像を使用して擬似的につながっていると見せかけるテーブルをつくることが可能ですが・・・
(一般的にテーブル(またはフレーム)と画像の組み合わせが多いレイアウト方法です)
この回答への補足
自己解決方法を記載します。
これよりもスマートな表示方法をごぞんじな方がおられましたら引き続きご回答お願い致します。
<table width="100%" border="0" cellpadding="0" cellspacing="1" bgcolor="#666666">
<tr bgcolor="#FFFFFF">
<td width="100%" colspan="4">
<table border="0">
<tr>
<td>○○○○</td>
</tr>
</table>
<div align="right">
<table width="98%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td height="1" colspan="2" bgcolor="#666666"><img src="space.gif" width="1" height="1"></td>
</tr>
<tr>
<td width="1" bgcolor="#666666"><img src="space.gif" width="1" height="1"></td>
<td>
<table border="0">
<tr>
<td>○○○○</td>
</tr>
</table>
</td>
</tr>
<tr>
<td height="1" colspan="2" bgcolor="#666666"><img src="space.gif" width="1" height="1"></td>
</tr>
<tr>
<td width="1" bgcolor="#666666"><img src="space.gif" width="1" height="1"></td>
<td>
<table border="0">
<tr>
<td>○○○○</td>
</tr>
</table>
</td>
</tr>
</table>
</div>
</td>
</tr>
</table>
No.2
- 回答日時:
素直にテーブルで組めばいいのでは?
<table>
<tr>
<td colspan="2">一番上</td>
</tr>
<tr>
<td rowspan="3">ひだり</td>
<td>右1</td>
</tr>
<tr>
<td>右2</td>
</tr>
<tr>
<td>右3</td>
</tr>
</table>
ご回答ありがとうございます。
この組み方ですと、borderを入れると一番上とひだりのあいだに罫線が入ってしまいます。
上と左は一体でなければならないのです。
No.1
- 回答日時:
こんなのでどうでしょうか?
サイズは自由に変更してください。
一つのテーブルに三行のテーブルを入れただけです。
ポイントは中に入れるテーブルの配置を「右寄せ」にして、改行しただけです。
<table border="1" width="22%">
<tr>
<td width="100%" valign="bottom" align="right">
<table border="1" width="63%">
<tr>
<td width="100%"> </td>
</tr>
<tr>
<td width="100%"> </td>
</tr>
<tr>
<td width="100%"> </td>
</tr>
</table>
</td>
</tr>
</table>
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- MySQL SHOW CREATE TABLE posts;これって何ですか? 3 2022/08/28 22:57
- PHP htmlで複数の個数入力欄を表示させるには 1 2022/09/20 03:11
- Excel(エクセル) エクセル マクロ A列の <table> ~ </table>までを C列に抜き出したい 6 2023/04/01 01:28
- MySQL my_itemsテーブルのIDにAUTO_INCREMENT を追加ができるかで 1 2023/01/03 09:09
- JavaScript 階層別の組織図の自動作成について 1 2022/10/26 13:42
- MySQL MySQLのテーブル作成でハイフン - は使用できないのでしょうか? 2 2022/10/21 16:50
- 英語 Outcomes were evaluated including survival rate an 3 2022/04/14 14:16
- HTML・CSS テーブルタグのセルの幅の一部だけを指定 1 2023/03/12 12:02
- その他(プログラミング・Web制作) python 3.10で 同じlistに同じ構文で同じデータ代入した結果が異なる現象発生 7 2022/06/18 11:08
- Excel(エクセル) VBA : スクレイピングできない 4 2023/05/12 22:26
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
テーブルの行を折りたたみたい...
-
TRタグの余白をcssで設定するには
-
テーブルの表示がずれます
-
テーブルの任意の列を非表示に...
-
テーブルレイアウト
-
cssで、表示されるテキストによ...
-
テーブルのヘッダとボディの幅...
-
tableにul,または,olを入れられ...
-
Dreamweaverで表組みのような罫...
-
エクセルをhtml変換した、html...
-
html・cssで日付をキレイに揃え...
-
Dreamweaverで行間の調整
-
テーブルの位置
-
テーブルのセルにアンカー
-
テーブルのセルに画像をピッタ...
-
HTMLでタイムスケジュールを作...
-
ホームページ 表の上の余白を...
-
中に<table></table>が使えるア...
-
FireFoxのhtmlでtheadとtbodyの...
-
EXCELからhtmlへの変換で罫線が...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
テーブルの行を折りたたみたい...
-
TRタグの余白をcssで設定するには
-
tableにul,または,olを入れられ...
-
テーブルの任意の列を非表示に...
-
テーブルのヘッダとボディの幅...
-
中に<table></table>が使えるア...
-
cssで、表示されるテキストによ...
-
テーブルのセルに画像をピッタ...
-
ホームページ 表の上の余白を...
-
文字列が入っているtdを削除せ...
-
tableの要素(tr、td)に一...
-
テーブルの表示がずれます
-
tdなどの閉じタグは省略しても...
-
HTML <td></td>タグ セル内余...
-
EXCELからhtmlへの変換で罫線が...
-
HTMLのテーブルで桁をそろ...
-
html・cssで日付をキレイに揃え...
-
tableでcolspanを使うと次行以...
-
逆L字の表(table)組み
-
CSSだけで<table>の<td>や<tr>...
おすすめ情報