HTML table = Background Image versus Image problem

Mickoes · #1 (**permalink**) 02-26-06, 04:45 PM

Hey, all

I am currently working in a IPB skin and I have a really annoying rendering problem with IE (FF works perfectly)

Here's the code :

Quote:

<td><table width="100%" border="0" cellspacing="0" cellpadding="0" height="54">
<tr height="54">
<td width="81" height="54" background="style_images/<#IMG_DIR#>/template_07.jpg"> </td>
<td height="54" background="style_images/<#IMG_DIR#>/template_08.jpg"> </td>
<td width="52" height="54"><a href="index.php?act=idx"><img src="style_images/<#IMG_DIR#>/template_09.jpg" width="52" height="54" alt="home" border="0"/></a></td>
<td height="54" background="style_images/<#IMG_DIR#>/template_10.jpg"> </td>
<td width="74" height="54"><a href="index.php?act=UserCP&CODE=00"><img src="style_images/<#IMG_DIR#>/template_11.jpg" width="74" height="54" border="0"/></a></td>
<td height="54" background="style_images/<#IMG_DIR#>/template_12.jpg"> </td>
<td width="80" height="54"><a href="index.php?act=Reg&CODE=00"><img src="style_images/<#IMG_DIR#>/template_13.jpg" width="80" height="54" border="0"/></a></td>
<td height="54" background="style_images/<#IMG_DIR#>/template_14.jpg"> </td>
<td width="84" height="54"><a href="index.php?act=Members&max_results=10&amp ;sort_key=posts&sort_order=desc"><img src="style_images/<#IMG_DIR#>/template_15.jpg" width="84" height="54" border="0"/></a></td>
<td height="54" background="style_images/<#IMG_DIR#>/template_16.jpg"> </td>
<td width="39" height="54"><a href="index.php?act=Help"><img src="style_images/<#IMG_DIR#>/template_17.jpg" width="39" height="54"border="0" /></a></td>
<td height="54" background="style_images/<#IMG_DIR#>/template_18.jpg"> </td>
<td width="67" height="54"><a href="index.php?act=Search&f="><img src="style_images/<#IMG_DIR#>/template_19.jpg" width="67" height="54"border="0" /></a></td>
<td height="54" background="style_images/<#IMG_DIR#>/template_20.jpg"> </td>
<td width="59" height="54"><a href="#"><img src="style_images/<#IMG_DIR#>/template_21.jpg" width="59" height="54" border="0" alt="links"/></a></td>
<td height="54" background="style_images/<#IMG_DIR#>/template_22.jpg"> </td>
<td width="61" height="54" background="style_images/<#IMG_DIR#>/template_23.jpg"> </td>
</tr>
</table></td>

In IE, I have an ugly white space above the Image (like a margin-top:1px

but the Background images are just fine. I think that it is a silly rendering problem, anyone know how to fix it?