On 07/12/05, Greg Morphis <[EMAIL PROTECTED]> wrote: > Hey, I'm trying to build a daily schedule view which will have > schedules from 6am - 10pm.
Tabular data. <thead> <tr><!-- hour --> <th rowspan="2">Employee</th> <th colspan="4">6 AM</th> <th colspan="4">7 AM</th> <!-- etc --> </tr> <tr> <th>0</th> <th>15</th> <!-- etc --> </tr> </thead> and use colspans to mark events that cross more then a single 15 minute slot. > <table width="790px;" border="1"> In HTML, attributes that take a length generally either take a percentage (an interger followed by a % character) or a pixel length (*just* an integer). "790px" is wrong. That said, such things should be done with CSS, not HTML, and the px unit is required there (if you are using pixels, generally a unit relative to the font size (e.g. em) or parent element (e.g. %) is more suitable. > <td width=640px"><span > style="left:0px;width:140px;background-color:blue;text-align:center;">Work</span></td> * You are styling the entire content of the element, that span is pointless. * You have not set the position property, thus the "left" property does not apply * You have specified a width, but the element is not being displayed as a block, so it doesn't apply. * You have set a background-color without setting a color (this can cause problems once the cascade is applied) * You have specified text-align, but the element is not being displayed as a block, so it doesn't apply. > I believe what I need to use is absolutle positioning You shouldn't need that. > however when I add that to the inline CSS statement, the width works I have a feeling absolute positioning may turn things into blocks, thus causing the property to apply. > but the span is moved out of the cell table element. Yes. -- David Dorward <http://dorward.me.uk><http://blog.dorward.me.uk> ______________________________________________________________________ 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/
