Question

I have the following HTML:

<table width="700" align="center" style="border:0">
    <tr style="border:0"> <td> <img src="images\1.png" /> </td></tr>
    <tr style="border:0"> <td> <img src="images\2.png" /> </td> </tr>
    <tr style="border:0"> <td> <img src="images\3.png" /></td> </tr>
    <tr style="border:0"> <td> <img src="images\4.png" /> </td></tr>
    <tr style="border:0"> <td> <img src="images\5.png" /> </td></tr>
    <tr style="border:0"> <td> <img src="images\6.png" /> </td></tr>
</table>

The problem is that white space is appearing between the images. How do I remove it?

Answer 1

<table width="700" align="center" border="0" cellpadding="0" cellspacing="0">
        <tr><td> <img src="images\1.png" /></td></tr>
        <tr><td> <img src="images\2.png" /></td></tr>
        <tr><td> <img src="images\3.png" /></td></tr>
        <tr><td> <img src="images\4.png" /></td></tr>
        <tr><td> <img src="images\5.png" /></td></tr>
        <tr><td> <img src="images\6.png" /></td></tr>
    </table>