An html Calendar
This demo was stolen from Stu Nicholls' CSSPlay site. He has given permission for people to use his calendars (and many other wonderful gadgets) from most of his site. Be sure to read his copyright notices and abide by them. The purpose of this page (if you came in from a search engine) is as a class demo of techniques we can use in building web our own pages.
We have dates for May 12 and April 5. If you hover your mouse over those dates, you'll see the event at the bottom of the calendar. We didn't do it in class, but if you wish, you can make the dates links to files, so you can display far more information than will show in the text box at the bottom of the calendar.
Calendar
2007
-
JANUARY
JAN 2007
| S |
M |
T |
W |
T |
F |
S |
| |
| .. | 01 | 02 | 03 | 04 | 05 | 06 |
| 07 | 08 | 09 | 10 | 11 | 12 | 13 |
| 14 | 15 | 16 | 17 | 18 | 19 | 20 |
| 21 | 22 | 23 | 24 | 25 | 26 | 27 |
| 28 | 29 | 30 | 31 | .. | .. | .. |
| .. | .. | .. | .. | .. | .. | .. |
-
FEBRUARY
FEB 2007
| S |
M |
T |
W |
T |
F |
S |
| |
| .. | .. | .. | .. | 01 | 02 | 03 |
| 04 | 05 | 06 | 07 | 08 | 09 | 10 |
| 11 | 12 | 13 | 14 | 15 | 16 | 17 |
| 18 | 19 | 20 | 21 | 22 | 23 | 24 |
| 25 | 26 | 27 | 28 | .. | .. | .. |
| .. | .. | .. | .. | .. | .. | .. |
-
MARCH
MAR 2007
| S |
M |
T |
W |
T |
F |
S |
| |
| .. | .. | .. | .. | 01 | 02 | 03 |
| 04 | 05 | 06 | 07 | 08 | 09 | 10 |
| 11 | 12 | 13 | 14 | 15 | 16 | 17 |
| 18 | 19 | 20 | 21 | 22 | 23 | 24 |
| 25 | 26 | 27 | 28 | 29 | 30 | 31 |
| .. | .. | .. | .. | .. | .. | .. |
-
APRIL
APR 2007
| S |
M |
T |
W |
T |
F |
S |
| |
| 01 | 02 | 03 | 04 | 05Larry's Birthday | 06 | 07 |
| 08 | 09 | 10 | 11 | 12 | 13 | 14 |
| 15 | 16 | 17 | 18 | 19 | 20 | 21 |
| 22 | 23 | 24 | 25 | 26 | 27 | 28 |
| 29 | 30 | .. | .. | .. | .. | .. |
| .. | .. | .. | .. | .. | .. | .. |
-
MAY
MAY 2007
| S |
M |
T |
W |
T |
F |
S |
| |
| .. | .. | 01 | 02 | 03 | 04 | 05 |
| 06 | 07 | 08 | 09 | 10 | 11 | 12Helen's Birthday at 2 PM |
| 13 | 14 | 15 | 16 | 17 | 18 | 19 |
| 20 | 21 | 22 | 23 | 24 | 25 | 26 |
| 27 | 28 | 29 | 30 | 31 | .. | .. |
| .. | .. | .. | .. | .. | .. | .. |
-
JUNE
JUN 2007
| S |
M |
T |
W |
T |
F |
S |
| |
| .. | .. | .. | .. | .. | 01 | 02 |
| 03 | 04 | 05 | 06 | 07 | 08 | 09 |
| 10 | 11 | 12 | 13 | 14 | 15 | 16 |
| 17 | 18 | 19 | 20 | 21 | 22 | 23 |
| 24 | 25 | 26 | 27 | 28 | 29 | 30 |
| .. | .. | .. | .. | .. | .. | .. |
-
JULY
JUL 2007
| S |
M |
T |
W |
T |
F |
S |
| |
| 01 | 02 | 03 | 04 | 05 | 06 | 07 |
| 08 | 09 | 10 | 11 | 12 | 13 | 14 |
| 15 | 16 | 17 | 18 | 19 | 20 | 21 |
| 22 | 23 | 24 | 25 | 26 | 27 | 28 |
| 29 | 30 | 31 | .. | .. | .. | .. |
| .. | .. | .. | .. | .. | .. | .. |
-
AUGUST
AUG 2007
| S |
M |
T |
W |
T |
F |
S |
| |
| .. | .. | .. | 01 | 02 | 03 | 04 |
| 05 | 06 | 07 | 08 | 09 | 10 | 11 |
| 12 | 13 | 14 | 15 | 16 | 17 | 18 |
| 19 | 20 | 21 | 22 | 23 | 24 | 25 |
| 26 | 27 | 28 | 29 | 30 | 31 | .. |
| .. | .. | .. | .. | .. | .. | .. |
-
SEPTEMBER
SEP 2007
| S |
M |
T |
W |
T |
F |
S |
| |
| .. | .. | .. | .. | .. | .. | 01 |
| 02 | 03 | 04 | 05 | 06 | 07 | 08 |
| 09 | 10 | 11 | 12 | 13 | 14 | 15 |
| 16 | 17 | 18 | 19 | 20 | 21 | 22 |
| 23 | 24 | 25 | 26 | 27 | 28 | 29 |
| 30 | .. | .. | .. | .. | .. | .. |
-
OCTOBER
OCT 2007
| S |
M |
T |
W |
T |
F |
S |
| |
| .. | 01 | 02 | 03 | 04 | 05 | 06 |
| 07 | 08 | 09 | 10 | 11 | 12 | 13 |
| 14 | 15 | 16 | 17 | 18 | 19 | 20 |
| 21 | 22 | 23 | 24 | 25 | 26 | 27 |
| 28 | 29 | 30 | 31 | .. | .. | .. |
| .. | .. | .. | .. | .. | .. | .. |
-
NOVEMBER
NOV 2007
| S |
M |
T |
W |
T |
F |
S |
| |
| .. | .. | .. | .. | 01 | 02 | 03 |
| 04 | 05 | 06 | 07 | 08 | 09 | 10 |
| 11 | 12 | 13 | 14 | 15 | 16 | 17 |
| 18 | 19 | 20 | 21 | 22 | 23 | 24 |
| 25 | 26 | 27 | 28 | 29 | 30 | .. |
| .. | .. | .. | .. | .. | .. | .. |
-
DECEMBER
DEC 2007
| S |
M |
T |
W |
T |
F |
S |
| |
| .. | .. | .. | .. | .. | .. | 01 |
| 02 | 03 | 04 | 05 | 06 | 07 | 08 |
| 09 | 10 | 11 | 12 | 13 | 14 | 15 |
| 16 | 17 | 18 | 19 | 20 | 21 | 22 |
| 23 | 24 | 25 | 26 | 27 | 28 | 29 |
| 30 | 31 | .. | .. | .. | .. | .. |