Don't like ads? PRO users don't see any ads ;-)
Guest

Untitled

By: a guest on Jul 1st, 2012  |  syntax: None  |  size: 2.75 KB  |  hits: 12  |  expires: Never
download  |  raw  |  embed  |  report abuse  |  print
Text below is selected. Please press Ctrl+C to copy to your clipboard. (⌘+C on Mac)
  1. Table Columns not staying the same width
  2. .WeekDay
  3. {
  4.     text-align:center;
  5.     background-color:transparent;
  6.     width:20px;
  7.     height:27px;
  8.     border-color:Black;
  9.     border-width:thin;
  10.     border-style:solid;
  11. }
  12.  
  13. .WeekendDay
  14. {
  15.     text-align:center;
  16.     background-color:transparent;
  17.     background-image:url(http://i1005.photobucket.com/albums/af175/zombieChan51/1px_transparency.png);
  18.     background-repeat:repeat;
  19.     width:20px;
  20.     height:27px;
  21.     border-color:Black;
  22.     border-width:thin;
  23.     border-style:solid;
  24. }
  25.        
  26. table cellspacing="0px" style="width:100%;">
  27. <col width="20px"/>
  28. <tr class="DateRow">
  29. <td id="January1DateColumn" class="WeekDay">
  30. <td id="January2DateColumn" class="WeekendDay">
  31. <td id="January3DateColumn" class="WeekendDay">
  32. <td id="January4DateColumn" class="WeekDay">
  33. <td id="January5DateColumn" class="WeekDay">
  34. <td id="January6DateColumn" class="WeekDay">
  35. <td id="January7DateColumn" class="WeekDay">
  36. <td id="January8DateColumn" class="WeekDay">
  37. <td id="January9DateColumn" class="WeekendDay">
  38. <td id="January10DateColumn" class="WeekendDay">
  39. <td id="January11DateColumn" class="WeekDay">
  40. <td id="January12DateColumn" class="WeekDay">
  41. <td id="January13DateColumn" class="WeekDay">
  42. <td id="January14DateColumn" class="WeekDay">
  43. <td id="January15DateColumn" class="WeekDay">
  44. <td id="January16DateColumn" class="WeekendDay">
  45. <td id="January17DateColumn" class="WeekendDay">
  46. <td id="January18DateColumn" class="WeekDay">
  47. <td id="January19DateColumn" class="WeekDay">
  48. <td id="January20DateColumn" class="WeekDay">
  49. <td id="January21DateColumn" class="WeekDay">
  50. <td id="January22DateColumn" class="WeekDay">
  51. <td id="January23DateColumn" class="WeekendDay">
  52. <td id="January24DateColumn" class="WeekendDay">
  53. <td id="January25DateColumn" class="WeekDay">
  54. <td id="January26DateColumn" class="WeekDay">
  55. <td id="January27DateColumn" class="WeekDay">
  56. <td id="January28DateColumn" class="WeekDay">
  57. <td id="January29DateColumn" class="WeekDay">
  58. <td id="January30DateColumn" class="WeekendDay">
  59. <td id="January31DateColumn" class="WeekendDay">
  60. </tr>
  61. </table>
  62.        
  63. for (var dateNum in this.Months[monthNum].Days) {
  64.                 var Date = this.Months[monthNum].Days[dateNum];
  65.                 var NewDateColumn = document.createElement('td');
  66.                 NewDateColumn.id = Date.MonthName + Date.DayNum + "DateColumn";
  67.                 NewDateColumn.className = "MonthTd";
  68.                 NewDateColumn.innerText = Date.DayNum;
  69.                 if (Date.IsWeekend == true) {
  70.                     NewDateColumn.className = "WeekendDay";
  71.                 }
  72.                 else if (Date.IsWeekend == false) {
  73.                     NewDateColumn.className = "WeekDay";
  74.                 }
  75.  
  76.                 DateRow.appendChild(NewDateColumn);
  77.  
  78.             }
  79.        
  80. overflow: hidden
  81.        
  82. overflow: hidden