change your code to this:
table.borders { /*used when creating a table w/ borders*/
border:1px solid #d3d3d3;
padding:10px;
}
table.borders td { /*used when creating a td with borders*/
padding: .25em;
border: 1px solid #d3d3d3;
}
<table width="150">
<tr>
<td><p> </p><p> </p>
<table class="borders" width="150">
<tr>
<td><p> </p><p> </p></td>
</tr>
</table>
</td>
</tr>
</table>
you only need to apply class="border" to the table, the second style
will apply the border to any TD inside any TABLE with the
class="border" attribute.
having two classes with the same name on two different html tags
doesn't work (at least I don't think so) it's better to use Descendant
Selectors. :o)
read more here: http://css.maxdesign.com.au/selectutorial/index.htm
hope that helps,
Zulema
--
!!blue
w e b d e s i g n e r
folio: http://zoblue.com
blog: http://blog.zoblue.com
browser: http://getfirefox.com
On 5/25/05, Bruce Gilbert <[EMAIL PROTECTED]> wrote:
> I am trying to do a table border in CSS and my border shows up in IE
> (PC), but not Gecko.
>
> table.borders{/*used when creating a table w/ borders*/
> border:1px solid #d3d3d3;
> border-collapse:collapse;
> padding:10px;
> }
>
> table td.borders {/*used when creating a td with borders*/
> padding: .25em;
> border: 1px solid #d3d3d3;
> border-collapse:collapse;
> }
>
> it's a nested table, so maybe that's the issue?
>
> eg:
>
> <table>
> <tr>
> <td>
> <table class="borders">
> <tr>
> <td class="borders"></td>
> </tr>
> </table>
> </td>
> </tr>
> </table>
>
> any ideas?
>
> TIA
> --
> ::Bruce::
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
