I am putting a table together of 3 columns by 2 rows.
However, I am getting this annoying blank row under each of my rows of images. About 2 pixels in size. i want all the images borders to touch. Here is sample code demonstrating the problem. I have added borders for emphasis. Please copy this code into an html file and try for yourself.
Any ideas?
Borrowed the IBM image for this example.
However, I am getting this annoying blank row under each of my rows of images. About 2 pixels in size. i want all the images borders to touch. Here is sample code demonstrating the problem. I have added borders for emphasis. Please copy this code into an html file and try for yourself.
Code:
<table border="1" bordercolor="FF6666" cellpadding="0" cellspacing="0" width="50%">
<tr>
<td>
<a href="[URL unfurl="true"]http://www.ibm.com/us/images/2005/03/030705_3_2_B_IGS_Auto.gif">[/URL]
<img src="[URL unfurl="true"]http://www.ibm.com/us/images/2005/03/030705_3_2_B_IGS_Auto.gif"[/URL] border="1">
</a>
</td>
<td>
<a href="[URL unfurl="true"]http://www.ibm.com/us/images/2005/03/030705_3_2_B_IGS_Auto.gif">[/URL]
<img src="[URL unfurl="true"]http://www.ibm.com/us/images/2005/03/030705_3_2_B_IGS_Auto.gif"[/URL] border="1">
</a>
</td>
<td>
<a href="[URL unfurl="true"]http://www.ibm.com/us/images/2005/03/030705_3_2_B_IGS_Auto.gif">[/URL]
<img src="[URL unfurl="true"]http://www.ibm.com/us/images/2005/03/030705_3_2_B_IGS_Auto.gif"[/URL] border="1">
</a>
</td>
</tr>
<tr>
<td>
<a href="[URL unfurl="true"]http://www.ibm.com/us/images/2005/03/030705_3_2_B_IGS_Auto.gif">[/URL]
<img src="[URL unfurl="true"]http://www.ibm.com/us/images/2005/03/030705_3_2_B_IGS_Auto.gif"[/URL] border="1">
</a>
</td>
<td>
<a href="[URL unfurl="true"]http://www.ibm.com/us/images/2005/03/030705_3_2_B_IGS_Auto.gif">[/URL]
<img src="[URL unfurl="true"]http://www.ibm.com/us/images/2005/03/030705_3_2_B_IGS_Auto.gif"[/URL] border="1">
</a>
</td>
<td>
<a href="[URL unfurl="true"]http://www.ibm.com/us/images/2005/03/030705_3_2_B_IGS_Auto.gif">[/URL]
<img src="[URL unfurl="true"]http://www.ibm.com/us/images/2005/03/030705_3_2_B_IGS_Auto.gif"[/URL] border="1">
</a>
</td>
</tr>
</table>
Any ideas?
Borrowed the IBM image for this example.