cool2005 wrote:[color=blue]
> I have a table contains 4 cells (2 x 2) like this
>
>
http://www.coolshare.com/planttrade/temp/gap.jpg
>
> each cell contains a div and the div contains a table.
>
> As you can see from the image above, there are gap between
> these 4 cells of the top level table. I tried to use "cellspacing=0
> cellpadding=0" on the top level table and
> "align valign" on each td and tr but still couldn't remove
> the gaps...
>
> Any suggestion will be really appreciated
>
> thanks
>
> the html code:
>
>
>
> <table cellspacing=0 cellpadding=0 >
> <tr valign="bottom">
>
> <!-- cell 1 -->
> <td align="right" valign="bottom">
> <div id="headerLeftDiv" align="right"[/color]
style="overflow:hidden;">[color=blue]
> <table border=1 cellspacing=0 cellpadding=0>
> </table>
> </div>
> </td>
>
> <!-- cell 2 -->
> <td align="left" valign="bottom">
> <div id="headerLeftDiv" align="right"[/color]
style="overflow:hidden;">[color=blue]
> <table border=1 cellspacing=0 cellpadding=0>
> </table>
> </div>
> </td>
> </tr>
>
> <tr valign="top">
>
> <!-- cell 3 -->
> <td align="right" valign="top">
> <div id="headerLeftDiv" align="right"[/color]
style="overflow:hidden;">[color=blue]
> <table border=1 cellspacing=0 cellpadding=0>
> </table>
> </div>
> </td>
>
> <!-- cell 4 -->
> <td align="left" valign="top">
> <div id="headerLeftDiv" align="right"[/color]
style="overflow:hidden;">[color=blue]
> <table border=1 cellspacing=0 cellpadding=0>
> </table>
> </div>
> </td>
>
> </tr>
> </table>[/color]
Not exactly JavaScript....
A jpg & some 'simulated' HTML isn't much to go on. What were we suposed
to look at?
Unlikely you really need a table inside a div inside a table cell. And
the whitespace from all that fancy formatting is suspect. Try removing
it tab-by-tab to see what happens. Might want to try another ng (with
real code).
