Explorer is such a piece of shiit that doesnt allow me to put a row of different size images on a single cell align them all at the top of the cell, because then explorer adds an invisible space between the smallest images and the top so they appear misaligned with the rest. This of course doesnt happen in FireFox and my code works excellent. Here you go.
[CODE]<table valign=”top” cellpadding=”0″ cellspacing=”0″ align=”left”>
<td align=”left” valign=”top”><img src=”1.gif”></td>
<td align=”left” valign=”top” nowrap=”nowrap”><img src=”1.gif”><img src=”2.gif”><img src=”3.gif”><img src=”4.gif”><img src=”5.gif”><img src=”6.gif”><img src=”7.gif”>
</td>
</table>
From there only image 1.gif is higher and wider, the rest are the same. In firefox all of them appear aligned to the top as they should be. But in the fuc king explorer only image 1.gif is at the top and the rest of the images have an invisible space above between them and the top.
Also this is a similar case
[CODE]<table cellspacing=”0″ cellpadding=”0″ width=’100%’>
<td valign=”top” width=’30px’ align=’left’><img src=’1.gif’></td>
<td class=’nukexplorer’ valign=”top” width=’auto’ align=’left’> </td>
<td valign=”top” width=’30px’ align=’right’><img src=’2.gif’></td>
</table>
the center cell has a background that x repeats but it should be aligned with the first and second cells images so it results into a single bar. The 3 images have the same height. However, in explorer, only the center cell appears at the top, the other 2 images have around 1px of invisible space above them thus, they appear misaligned. Why??? why is explorer so bad?? i hate it!
Please help me to adapt this code to see it right in explorer as well.
Thank you.