CATEA Accessible Calendar - HTML/CSS Version

The following is the code to the Accessible calendar by CATEA. Please visit us at http://catea.gatech.edu.

January 2007
Sun Mon Tue Wed Thu Fri Sat
  1 2 3 4 5 6
7 8 9 10 11 12 13
14 15 16 17 18 19 20
21 22 23 24 25 26 27
28 29 30 31      



CSS

table.calendar {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 80%;
text-align: center;
background-color: #F5F5EB;
width: 50%;
height: 300px;
}

.month {
background-color:#660000;
color: white;
font-weight: bold;
}

HTML

<table cellspacing="" cellpadding="3" border="1" summary="">
<tr>
<th id="month" scope="col" colspan="7">
January 2007
</th>
</tr>
<tr>
<th id="sun" scope="col" abbr="Sunday">Sun</th>
<th id="mon" scope="col" abbr="Monday">Mon</th>
<th id="tue" scope="col" abbr="Tuesday">Tue</th>
<th id="wed" scope="col" abbr="Wednesday">Wed</th>
<th id="thu" scope="col" abbr="Thursday">Thu</th>
<th id="fri" scope="col" abbr="Friday">Fri</th>
<th id="sat" scope="col" abbr="Saturday">Sat</th>
</tr>
<tr>
<td> </td>
<td>1</td>
<td>2</td>
<td>3</td>
<td>4</td>
<td>5</td>
<td>6</td>
</tr>
<tr>
<td>7</td>
<td>8</td>
<td>9</td>
<td>10</td>
<td>11</td>
<td>12</td>
<td>13</td>
</tr>
<tr>
<td>14</td>
<td>15</td>
<td>16</td>
<td>17</td>
<td>18</td>
<td>19</td>
<td>20</td>
</tr>
<tr>
<td>21</td>
<td>22</td>
<td>23</td>
<td>24</td>
<td>25</td>
<td>26</td>
<td>27</td>
</tr>
<tr>
<td>28</td>
<td>29</td>
<td>30</td>
<td>31</td>
<td> </td>
<td> </td>
<td> </td>
</tr>
</table>