1

これは私のコードです。試してみると、この形式でうまく機能します。

<table style="width=183; heigth:200; margin: 0; padding: 0; border: 0; border-collapse: collapse;" >
<tr>
<td rowspan="1" colspan="2" style="width:14px; height:60px; padding:0;"><img src="http://www.pcutile.it/images/box_1x1.jpg" style="width:14px; height:60px; border:0;" alt=""/></td>
<td colspan="1" rowspan="1" style="width:152px; height:60px; padding:0;"><img src="http://www.pcutile.it/images/box_1x2.jpg" style="width:152px; height:60px; border:0;"  alt=""/></td>
<td colspan="1" rowspan="1" style="width:17px; height:60px; padding:0; "><img  src="http://www.pcutile.it/images/box_1x3.jpg" style="width=17px; height:60px; border:0;"  alt=""/></td>
</tr>

<tr>
<td rowspan="1" colspan="2" style="width:14px; height:90px; padding:0; vertical-align:top; border:0; background-image:url(http://www.pcutile.it/images/box_2x1.jpg); background-position:top border: 0; background-repeat:repeat-y;"></td>
<td colspan="1" rowspan="1" style="width:152px; height:90px; vertical-align:top; border:0; background-color: #feed01; padding:0; " ></td>
<td rowspan="1" colspan="1" style="width:17px; height:90px; padding:0; vertical-align:top; border:0; background-image:url(http://www.pcutile.it/images/box_2x3.jpg); background-position:top border: 0; background-repeat:repeat-y;"></td>
</tr>

<tr>
<td rowspan="1" colspan="2" style="width:14px; height:6px; padding:0;"><img src="http://www.pcutile.it/images/box_3x1.jpg" style="width:14px; height:6px; border:0;" alt="" /></td>
<td rowspan="1" colspan="1" style="width:152px; height:6px; padding: 0;"><img src="http://www.pcutile.it/images/box_3x2.jpg" style="width:152px; height:6px; border:0;" alt="" /></td>
<td rowspan="1" colspan="1" style="width:17px; height6px; padding:0;"><img src="http://www.pcutile.it/images/box_3x3.jpg" style="width:17px; height:6px; border:0;"  alt="" /></td>
</tr>

<tr>
<td colspan="1" rowspan="1" style="width:13px; height:58px; padding:0;"><img src="http://www.pcutile.it/images/box_4x1.jpg" style="width:13px; height:58px border:0;" alt="" /></td>
<td rowspan="1" colspan="2" style="width:153px; height:58px; padding:0;"><img src="http://www.pcutile.it/images/box_4x2.jpg" style="width:153px; height:58px border:0;" alt="" /></td>
<td rowspan="1" colspan="1" style="width:17px; height:58px; padding:0;"><img src="http://www.pcutile.it/images/box_4x3.jpg" style="width:17px; height:58px; border:0;" alt="" /></td>
</tr>

<tr>
<td style="width:13px; height:1px; padding:0;"><img src="http://www.pcutile.it/images/blank.gif" style="width:13px; height:1px; border:0;" alt=""/></td>
<td style="width:1px; height:1px; padding:0;"><img  src="http://www.pcutile.it/images/blank.gif" style="width:1px; height:1px; border:0;" alt=""/></td>
<td style="width:152px; height:1px; padding:0;"><img src="http://www.pcutile.it/images/blank.gif" style="width:152px; height:1px; border:0;" alt=""/></td>
<td style="width:17px; height:1px; padding:0;"><img src="http://www.pcutile.it/images/blank.gif" style="width:17px; height:1px border:0;" alt=""/></td>
</tr>
</table>

すべて問題ないようですが、キューブカートのテンプレート内に挿入すると、テーブルのセル間に同じ奇妙な空白が表示されます。理由を知っている人はいますか?http://www.pcutile.itで見ることができます。

4

2 に答える 2