※ ChatGPTを利用し、要約された質問です(原文:HTML 複雑なテーブルの作成)
HTMLで複雑なテーブルの作成方法
このQ&Aのポイント
HTMLでテーブルを作成している際に、特定のセルが重なる問題が発生しています。
具体的には、セル「9」が下のセルに重なってしまい、正しく配置されません。
この問題の解決方法についてご教示いただけると幸いです。
今、HTMLでテーブルを作成しています。
よろしくお願いします。
下記のHTMLでテーブルを作成し
番号「18」までは、うまくいきました。
つぎに「19」を作成しようとすると
「9」のセル(rowspan="5")が下に伸びて、「19」に重なります。
何か、解決の方法はありますでしょうか?
CSSでborderやclassを使用していますが省略しています。
また、widthも使用していますが省略しています。
<table cellspacing="7">
<tr>
<th colspan="2">1</th>
<th>2</th>
<th>3</th>
<th>4</th>
<th>5</th>
<th>6</th>
</tr>
<tr>
<td>7</td>
<td>8</td>
<td rowpan="5">9</td>
<td>10</td>
<td>11</td>
<td>12</td>
<td>13</td>
</tr>
<tr>
<td colspan="2">14</td>
<td>15</td>
<td>16</td>
<td>17</td>
<td>18</td>
</tr>
<tr>
<td colspan="7">19</td>
</tr>
</table>
お礼
ありがとうございます。 初歩的なことを勘違いしていたようです ><;。 すぐに解決できました。 ありがとうございました。