Search code examples
htmlhtml-table

TD rowspan not working


I have the table:

<table id="Table_05" width="675" border="0" cellpadding="0" cellspacing="0"  
style="display:block">
<tr>
<td rowspan="2"><img src="images/12235_PLUS_mail_August_v4_14.jpg" width="70" 
height="49" alt=""></td>
<td valign="top"><img src="images/12235_PLUS_mail_August_v4_12.jpg" width="410" 
height="21" alt="">
<td valign="bottom"><img src="images/12235_PLUS_mail_August_v4_15.jpg" width="410" 
height="29" alt=""></td>
<td rowspan="2"><img src="images/12235_PLUS_mail_August_v4_13.jpg" width="195" 
height="50" alt=""></td>
</td>
</tr>
</table>

It is supposed to be 3 columns table where second and third td are in one column. However, now it is in 2 columns.


Solution

  • You might create new table in the TD with 2 rows.

    <table id="Table_05" width="675" border="0" cellpadding="0" cellspacing="0" style="display: block;">
      <tr>
        <td rowspan="2">
          <img src="https://picsum.photos/70/49" width="70" height="49" alt="" />
        </td>
        <td>
          <table width="410">
            <tr>
              <td valign="top">
                <img src="https://picsum.photos/410/21" width="410" height="21" alt="" />
               </td>
            </tr>
            <tr>
              <td valign="bottom">
                <img src="https://picsum.photos/410/29" width="410" height="29" alt="" />
              </td>
            </tr>
          </table>
        </td>
        <td rowspan="2">
          <img src="https://picsum.photos/195/50" width="195" height="50" alt="">
        </td>
      </tr>
    </table>