[RESOLVED] table image spacing

I have a table with an image and even though I set the table border, cell spacing, and cell padding to 0 the image still has vertical space below it.

PHP Code:

---

<table border="0" cellpadding="0" cellspacing="0">
    <tr>
        <td>
            <img src="image1.gif" />
        </td>
    </tr>
</table> 


---

When I add a second image below the first there is vertical spacing between them.

PHP Code:

---

<table border="0" cellpadding="0" cellspacing="0">
    <tr>
        <td>
            <img src="image1.gif" />
        </td>
    </tr>
    <tr>
        <td>
            <img src="image2.gif" />
        </td>
    </tr>
</table> 


---

How can I prevent this?

wey97:

I think you need to put your Border tag inside the Img tag.

<img src="image1.gif" />

<img src ="image1.gif" Border = 0 />

I'm not sure, but I think this will work.

I think you've encountered one of the things I love about IE - it's propensity to add additional whitespace to the rendered page.

Try removing ALL whitespace from between the html tags and see if that doesn't resolve your problem - i.e, change

PHP Code:

---

<table border="0" cellpadding="0" cellspacing="0"> 
    <tr> 
        <td> 
            <img src="image1.gif" /> 
        </td> 
    </tr> 
</table> 


---

to

PHP Code:

---

<table border="0" cellpadding="0" cellspacing="0"><tr><td><img src="image1.gif" /></td></tr></table> 


---

Seemed to be just the whitespace between the <td></td>

PHP Code:

---

<table border="0" cellpadding="0" cellspacing="0">
    <tr>
        <td><img src="image1.gif" /></td>
    </tr>
</table> 


---