画面例１
aaaaa
| bbbb | m1 | m2 | m3 |
|---|
| cccc | d1100 | d1200 | d1300 |
| dddd | d2100 | d2200 | d2300 |
| eeeeeeeeee |
|
|
左のような画面を作りました。
bbbb
,cccc
,dddd
,eeeeeeeeeeの間にある区切りを除きたいとします。
コーディング
<html>
<body>
<center>aaaaa</center>
<br>
<center>
<table border bgcolor="cyan">
<tr>
<td><font color="red">bbbb
</font>
</td>
<th>m1
</th><th>m2
</th><th>m3
</th>
</tr>
<tr>
<td><font color="red">cccc
</td>
<td>d1100
</td><td>d1200
</td><td>d1300
</td>
</tr>
<tr>
<td><font color="red">dddd
</td>
<td>d2100
</td><td>d2200
</td><td>d2300
</td>
</tr>
<tr>
<td><font color="red">eeeeeeeeee
</td>
</tr>
</table>
</center>
</body>
</html>
|
|
|
画面例２
aaaaa
|
|
| m1 | m2 | m3 |
|---|
| d1100 | d1200 | d1300 |
| d2100 | d2200 | d2300 |
|
|
|
|
|
bbbb
,cccc
,dddd
,eeeeeeeeeeを元のＴＡＢＬＥの外に出し、
背景色を変えました。（マッ！こんなもんか？）
コーディング
<html>
<body>
<center>aaaaa</center>
<br>
<center>
<table cellspacing=0 cellpadding=0 bgcolor="cyan">
‥‥@
<tr>
<td>
<table>
‥‥A
<tr><td><font color="red">bbbb</font></td></tr>
<tr><td><font color="red">cccc</font></td></tr>
<tr><td><font color="red">dddd</font></td></tr>
</table>
‥‥A'
</td>
<td>
<table border bgcolor="lightcyan">
‥‥B
<tr><th>m1</th><th>m2</th><th>m3</th></tr>
<tr><td>d1100</td><td>d1200</td><td>d1300</td></tr>
<tr><td>d2100</td><td>d2200</td><td>d2300</td></tr>
</table>
‥‥B'
</td>
</tr>
<tr><td colspan=2>
<table>
‥‥C
<tr>
<td>
<font color="red">eeeeeeeeee</font>
</td>
</tr>
</table>
‥‥C'
</td>
</tr>
</table>
‥‥@'
</center>
</body>
</html>
|
|
|
説明
元のＴＡＢＬＥをA〜A'
,B〜B'
,C〜C'に分けます。
全体をＴＡＢＬＥ@〜@'の要素とします。
イヤ〜、頭こんがらがるネ〜．．．．．？
|
