Hi, all.
I've only been working with CSS-based sites for a couple of months
and have made good progress (created and deployed one fully css site!).
Now I'm trying to find ways to make my CSS more concise.
I too this code.
.cal_heading_day { padding-top: 2px; padding-bottom: 3px; width: 35px;
border-top: 1px solid black;
border-left: 1px solid black; background: black; color: white;
font-size: 11px;
font-weight: bold; text-align: center; }
.was mostly the same for each class and tried to create a class plus id to
shorten the CSS required.
So, I created this class.
.cal_heading { padding-top: 2px; padding-bottom: 3px; border-top: 1px solid
black; border-left: 1px solid #aaa;
background: black; color: white; font-size:
11px; font-weight: bold; text-align: center; }
.and combined it with this id style.
.cal_heading #day { width: 35px; border-left: 1px solid black; }
However, when the class and id CSS are displayed together, the cell
in the calendar is shorter in width than when it's displayed in the
class-only CSS.
Each heading in the calendar table has a different width, so I only
specified the width
in the id for each heading.
Ideas on why this isn't working?
(Can show you the problem, because the calendar is in a access-protected
site.)
Rick
______________________________________________________________________
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/
