blurredline
05-07-2003, 05:27 PM
Below is some code I am utilizing for a table with rounded corners. Problem is, when the table displays in Netscape 7.0, there is white space between the top row and middle row as well as between middle row and bottom row. I am a bit baffled as to the problem. Here is the code, if anyone can help, I'd appreciate it.
<table width="177" border="0" cellpadding="0" cellspacing="0" bgcolor="#cccccc">
<tr>
<td><img src="/images/top_left.gif" width="10" height="10"></td>
<td width="157"><img src="/images/gray_dot.gif" width="1" height="1"></td>
<td><img src="/images/top_right.gif" width="10" height="10"></td>
</tr>
<tr>
<td><img src="/images/gray_dot.gif width="10" height="10"></td>
<td width="157">content</td>
<td><img src="/images/gray_dot.gif" width="10" height="10"></td>
</tr>
<tr>
<td><img class="bleft" src="/images/bot_left.gif" width="10" height="10"></td>
<td width="157"><img src="/images/gray_dot.gif" width="1" height="1"></td>
<td><img class="bright" src="/images/bot_right.gif" width="10" height="10"></td>
</tr>
</table>
<table width="177" border="0" cellpadding="0" cellspacing="0" bgcolor="#cccccc">
<tr>
<td><img src="/images/top_left.gif" width="10" height="10"></td>
<td width="157"><img src="/images/gray_dot.gif" width="1" height="1"></td>
<td><img src="/images/top_right.gif" width="10" height="10"></td>
</tr>
<tr>
<td><img src="/images/gray_dot.gif width="10" height="10"></td>
<td width="157">content</td>
<td><img src="/images/gray_dot.gif" width="10" height="10"></td>
</tr>
<tr>
<td><img class="bleft" src="/images/bot_left.gif" width="10" height="10"></td>
<td width="157"><img src="/images/gray_dot.gif" width="1" height="1"></td>
<td><img class="bright" src="/images/bot_right.gif" width="10" height="10"></td>
</tr>
</table>