On Dec 28, 2007, at 7:20 AM, Steve LaBadie wrote:
> I created a calendar with tables and all I want to do is control
> the borders for the table. When I apply CSS all of the tables on
> the page are being effected. I first surrounded the table with a
> <div> tag and then added a class attribute to the table, neither
> worked. Any suggestions would be appreciated.
>
> <style type="text/css">
> #calendar #table, td, th {
> border-color: #600;
> border-style: solid;
> }
> #calendar #table {
> border-width: 0 0 1px 1px;
> border-spacing: 0;
> border-collapse: collapse;
> }
> #calendar td, th {
> margin: 0;
> padding: 4px;
> border-width: 1px 1px 0 0;
> background-color: #FFC;
> }
> </style>
A live url with a sample of your code would be really useful to help
with debuging.
Meanwhile, a possible wild guess:
Is the '#' in front of 'table' in your code snipped above a typo ?
(iow, does your table have an ID of 'table').
Also, a selector like '#calendar td, th' means
'select a td that is a descendant of an element with ID '#calendar'
and select all 'th' on the page'.
You probably want something like this:
#calendar td, #calendar th {}
selectOracle is a nice tool that translates the meaning of selectors
<http://gallery.theopalgroup.com/selectoracle/>
Philippe
---
Philippe Wittenbergh
<http://emps.l-c-n.com>
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
