| Mon | Tues | Wed | Thur | Fri | Sat | Sun |
|---|---|---|---|---|---|---|
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 |
The CSS for this calendar is shown below. To view the XHTML just use your browsers view source button.
Click here to go back to the main article.
/********Calendar Layout and Design*********/
th {
font-size: 100%;
text-transform: uppercase;
text-align:center;
}
td.calendar {
border: 1px solid #999;
height: 5em;
width: 3em;
vertical-align: top;
font-family: Georgia, "Times New Roman", Times, serif;
}
.caption2 {font-weight:bold;
font-size: 1.2em;
padding-bottom: 0.5em;
color: #FF9900;
}
.day {
text-align: left;
background-color: #FFFFCC;
padding: 6px;
margin: 1px;
}
.weekend {
background-color: #F3F3F3;
text-align: left;
padding: 6px;
margin: 1px;
}
.reminder {
background-color: #ECE;
}