Forum Moderators: not2easy
I think the td class I created should take precedence. I created another td class to change the background-color and when that is applied it works. Maybe my syntax for the padding style is wrong?
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<HTML>
<HEAD>
<TITLE>test</title><style type="text/css">
td.pad20 {padding:20;}
td.red {background-color:red;}
table.blue_border
{width:90%;
border-collapse: collapse;
background-color:#0033CC}
table.blue_border td {padding:1; margin:0; border:none;}
table.gray_table
{width:100%;
border-collapse: collapse;
background-color:#eeeeee}
table.gray_table td {padding:0; margin:0; border:none;}
</style>
</HEAD>
<BODY>
<TABLE class="blue_border">
<TR>
<TD>
<TABLE class="gray_table">
<TR><TD class="red">blah</TD></TR>
<TR><TD class="pad20"><br>blah blah<br></TD></TR>
</TABLE>
</TD>
</TR>
</TABLE>
</BODY>
</HTML>
padding: 20px;
or
padding: 20%;
If it still doesn't work, try this:
padding: 20px!important;
That tells the browser that the padding should take precedence.
[edited by: Ryan8720 at 6:03 pm (utc) on Aug. 8, 2003]
Try redefining it as
table.blue_border td.pad20 {padding:20;}
instead, which should have even higher specificity.
SN
And that renders in Dreamweaver as well!
Does anyone know why cell spacing (border-collapse: collapse;) does not render in Dreamweaver? It looks fine in IE.. just curious.
There are many reasons it may on work in DW: Your settings for DW, you didn't put a necesary ; after collapse, and many more.
