(HTML) Cannot remove space under image. **Resolved**

I know there is probably a better way to do what I want rather than a bunch of tables but this is for an html email. My problem is that I need this table to touch this image to give the appearance they are one. The table above the image is fine but the table below is a few pixels lower than it should (like there is a <br> or something) be. The image is surounded by an <a> tag.

Code:

---

<table border="0" cellpadding="0" cellspacing="0" width="138" height="40" bgcolor="#de9c00"><tr><td></td></tr></table>
<a href="http://www.blah.com" border=0 style="margin:0px;"><img src="blah.jpg" border="0"></a>
<table border="0" cellpadding="0" cellspacing="0" width="140" height="40" bgcolor="#de9c00"><tr><td></td></tr></table>

---

Thanks in advance,
Michael

Maybe try adding padding:0px as well as margin to the things you want affected?

No, that wasn't it either. The odd thing is that it is the trailing spaces not the leading ones... because the table before the image is touching it fine.... but the table after the image isn't.
Michael

This seems to work and it's probably the best way to do it.

Code:

---

<div style="background-color:#de9c00; height:40px; width:138px;"></div>
<div style="margin:0px; border:0;"><a href="http://www.cheese.com" border="0"><img src="http://www.cheese.com/images/front_rg2.gif" style="margin:0; border:0;" border="0"></a></div>
<div style="background-color:#de9c00; height:40px; width:138px;"></div>

---

Although, if you still want to use your way it works too.

:)

Quote:

---

Originally posted by punkpie_uk


Although, if you still want to use your way it works too.

:)

---

Your way works great thanks :)

Michael