HTML のテーブル構造

質問

HTML のテーブル構造で悩んでいます。
以下の図（下手ですいません）のようなテーブルを作成したいのですが
現実的に可能なのでしょうか？
もし、わかる方がおられましたら、ご享受をお願いいたします。

（縦と横がつながる感じで * には文字をいれたい）
-------|
|*******|
|*|-----|
|*|*****|
|*|-----|
|*|*****|
-------|

回答No.4

moon · ベストアンサー

少しご希望の形と違うとは思いますが、このような形ではいかがでしょうか？

<table border="1" cellspacing="0" cellpadding="0">
<tr><td><table border="0" cellpadding="0"><tr><td colspan="2">あああ</td></tr>
<tr><td width="10">いい</td><td align="right" valign="bottom">
<table border="1" cellpadding="0"><tr><td>ううう</td></tr>
<tr><td>えええ</td></tr></table></td></tr></table></td></tr></table>

(見た目が整理されていなくてすみません)

お礼

すごく、近いと思います。ありがとうございます。
すこし、これをもとにがんばってみようと思います。

回答No.7

naoto0314

出来ないというのは実際にセルが縦と横につながるということですが、見た目上のukatuさんの意図した物はmoonさんのタグでいいかと思います。

回答No.6

naoto0314

TEBLEタグは本来、表を作るタグなので縦と横がつながることはできません。
また、縦と横がつながったところで文字の表示もおかしくなります(縦書きか横書きかわからない為)。

回答No.5

SpiceGirl

こんばんは。
-------|
テーブルの線とのことですが、左側に線がないのが理解できていないのですが

<table width="100%" border="0">
<tr>
<td colspan="2">&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td>
<td><table width="100%" border="0">
<tr>
<td>&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td>
</tr>
</table></td>
</tr>
</table>

それから、

＞うまくいきませんでした。

ではどこがどう違うのかご指摘していただかないと、最良な回答が頂けないと思います。

お礼

不備な点がたくさんあり、大変申し訳ないです。

回答No.3

ittochan

こんな感じ？

<table border="1" width="326" height="152">
<tr>
<td width="156" height="66"></td>
<td width="154" height="152" rowspan="2">あ<br>
い<br>
う</td>
</tr>
<tr>
<td width="156" height="74"></td>
</tr>
</table>

補足

サンプルまで書いていただいてありがとうございます。
しかし、うまくいきませんでした。
また、よい方法あればお願いします

回答No.2

vnsolong

colspan とrowspanを同時に使うイメージですよね？
１つのテーブルの中に
一行目用テーブル(カラムが１つだけ)と
二行目以下用のテーブル(１列目はrowspan)を作成して、
一番外側のcellspacing=0にすれば見た目上は
上記のようになると思います。

一つのテーブルだと実現は難しいような。

回答No.1

SpiceGirl

こんにちは。

出来ると思いますが、一番上と一番下の

-------|

が何を意味するのか補足いただけますでしょうか。

補足

テーブルの線になります。