- Table Columns not staying the same width
- .WeekDay
- {
- text-align:center;
- background-color:transparent;
- width:20px;
- height:27px;
- border-color:Black;
- border-width:thin;
- border-style:solid;
- }
- .WeekendDay
- {
- text-align:center;
- background-color:transparent;
- background-image:url(http://i1005.photobucket.com/albums/af175/zombieChan51/1px_transparency.png);
- background-repeat:repeat;
- width:20px;
- height:27px;
- border-color:Black;
- border-width:thin;
- border-style:solid;
- }
- table cellspacing="0px" style="width:100%;">
- <col width="20px"/>
- <tr class="DateRow">
- <td id="January1DateColumn" class="WeekDay">
- <td id="January2DateColumn" class="WeekendDay">
- <td id="January3DateColumn" class="WeekendDay">
- <td id="January4DateColumn" class="WeekDay">
- <td id="January5DateColumn" class="WeekDay">
- <td id="January6DateColumn" class="WeekDay">
- <td id="January7DateColumn" class="WeekDay">
- <td id="January8DateColumn" class="WeekDay">
- <td id="January9DateColumn" class="WeekendDay">
- <td id="January10DateColumn" class="WeekendDay">
- <td id="January11DateColumn" class="WeekDay">
- <td id="January12DateColumn" class="WeekDay">
- <td id="January13DateColumn" class="WeekDay">
- <td id="January14DateColumn" class="WeekDay">
- <td id="January15DateColumn" class="WeekDay">
- <td id="January16DateColumn" class="WeekendDay">
- <td id="January17DateColumn" class="WeekendDay">
- <td id="January18DateColumn" class="WeekDay">
- <td id="January19DateColumn" class="WeekDay">
- <td id="January20DateColumn" class="WeekDay">
- <td id="January21DateColumn" class="WeekDay">
- <td id="January22DateColumn" class="WeekDay">
- <td id="January23DateColumn" class="WeekendDay">
- <td id="January24DateColumn" class="WeekendDay">
- <td id="January25DateColumn" class="WeekDay">
- <td id="January26DateColumn" class="WeekDay">
- <td id="January27DateColumn" class="WeekDay">
- <td id="January28DateColumn" class="WeekDay">
- <td id="January29DateColumn" class="WeekDay">
- <td id="January30DateColumn" class="WeekendDay">
- <td id="January31DateColumn" class="WeekendDay">
- </tr>
- </table>
- for (var dateNum in this.Months[monthNum].Days) {
- var Date = this.Months[monthNum].Days[dateNum];
- var NewDateColumn = document.createElement('td');
- NewDateColumn.id = Date.MonthName + Date.DayNum + "DateColumn";
- NewDateColumn.className = "MonthTd";
- NewDateColumn.innerText = Date.DayNum;
- if (Date.IsWeekend == true) {
- NewDateColumn.className = "WeekendDay";
- }
- else if (Date.IsWeekend == false) {
- NewDateColumn.className = "WeekDay";
- }
- DateRow.appendChild(NewDateColumn);
- }
- overflow: hidden
- overflow: hidden