複雑なtableを作成する方法

複雑なtableを作成したいです。
tableの中にまたtableが入ったtableです。
下のようにtableの中にtableは作れます。

html
1<table width="200" border="1">
2<tr>
3<td>
4<table width="150" border="1">
5<tr>
6<td>中のテーブル</td>
7</tr>
8</td>
9</tr>
10</table>
11

これをもっと応用したtableで、中のtableの左に二枚の写真を配置して(一つのtrに二枚の写真とtableを横並びに配置)、このtrの上にこの3つのtdを結合したtdを配置したtableを作りたいのですが、写真がtdの中に入らなかったり中のtableが小さかったりしてして難しいのでもしよかったらここが間違っているところとか合ったら教えてください。

html
1<table border="1">
2      <tr>
3    <td colspan="3">  
4  会社名 
5     </td></tr>     
6        <tr><td>
7        <div style="width: 310px; height: 300px";>            
8       <img src="写真" alt=\"サンプル\" width=100% height=100%>
9       </div>
10      </td> 
11    <td>
12        <div style="width: 310px; height: 300px";>            
13       <img src="写真" alt=\"サンプル\" width=100% height=100%>
14       </div>
15      </td>  
16    <td>
17    <table border="1">
18    <tr>
19    <td>中のテーブル</td>
20    </tr>
21    </td>
22    </tr>
23    </table>
24    </td>
25    </tr>
26    </table>

gin

2016/11/15 14:40

とりあえず閉じタグが足りてないのでしっかり締めた形でお願いしますー

diamonddogs

2016/11/15 15:08

すみません、修正しました。

gin

2016/11/15 15:19

写真はtdの中にちゃんと入ってますし、tdの中のtableも特に小さいってことはないようです。

行動規範の内容に同意します

回答3件

表の中に表があるというのはあまり論理的には意味がないことなので
たんに整形のためのtableでしたら使用しないようにしてください

投稿2016/11/16 01:09

yambejp

総合スコア114769

table tr tdの閉じタグの位置がおかしいと思います。

HTML
1<table border="1">
2  <tr>
3    <td colspan="3">  
4      会社名 
5    </td>
6  </tr>     
7  <tr>
8    <td>
9        <div style="width: 310px; height: 300px";>            
10       <img src="写真" alt=\"サンプル\" width=100% height=100%>
11       </div>
12    </td> 
13    <td>
14        <div style="width: 310px; height: 300px";>            
15       <img src="写真" alt=\"サンプル\" width=100% height=100%>
16       </div>
17    </td>  
18    <td>
19      <table border="1">
20        <tr>
21          <td>中のテーブル</td>
22        </tr>
23      </table>
24    </td>
25  </tr>
26</table>