Forum Moderators: open

Message Too Old, No Replies

Trouble with hidden borders

         

Mister_L

8:55 pm on Mar 12, 2009 (gmt 0)

10+ Year Member



Hi,

I'm trying to create a table where some of the borders are hidden and some are not.For that reason I am treating each cell's style differently,but I'm having trouble with this.For instance,take a look at the table below.I wanted the second row to be without the bottom border but what I got is a table without borders at all.
Could you tell me what went wrong here?
Should I take a different designing approach?
Thanks.

<table style="border-collapse:collapse;" >

<tr>

<td style="border:1px double black;">
***ROW1,COL1***
</td>
<td style="border:1px double black;">
***ROW1,COL2***
</td>

</tr>

<tr>
<td colspan="2" style="border-bottom:hidden;">
***ROW2,COL1&COL2***
</td>
</tr>

</table>

penders

10:35 am on Mar 16, 2009 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member Top Contributors Of The Month



'hidden' is not a valid value for the border property. Instead, try setting the width to zero (
border-bottom-width:0;
) or the color to transparent (
border-bottom-color:transparent;
) - although IE6 may not render transparent correctly, resulting in a black border.