MrChert, это просто рисунок. Его еще сверстать нужно. Вот, посмотри этот календарь:
Code
/* Calendar Style */
.calMonth {width:18px;height:18px;color:#636363; background:#111111;font-weight:bold;font-family:verdana;padding:7px;border:0px solid #000;}
.calWday {width:18px;color:#737373; background:#111111;font-family:verdana;padding:7px;border:1px solid #131313;}
.calWdaySe {width:18px;color:#737373; background:#111111;font-family:verdana;padding:7px;border:1px solid #131313;}
.calWdaySu {width:18px;color:#737373; background:#111111;font-family:verdana;padding:7px;border:1px solid #131313;}
.calMday {width:18px;background:#111111;color:#616161;font-family: verdana;padding: 7px;border:1px solid #131313;}
.calMdayA {background:#111111;font-family:verdana;border:1px solid #313131;}
.calMdayIs {background:#111111;font-weight:bold;color:#898989;font-family:verdana;padding: 7px;border:1px solid #131313;}
.calMdayIsA {background:#111111;font-weight:bold;color:#898989;font-family:verdana;border:1px solid #131313;}
a.calMonthLink:link,a.calMdayLink:link {text-decoration:none; color:#898989;}
a.calMonthLink:visited,a.calMdayLink:visited {text-decoration:none; color:#898989;}
a.calMonthLink:hover,a.calMdayLink:hover {text-decoration:none;color:#fff;}
a.calMonthLink:active,a.calMdayLink:active {text-decoration:none; color:#898989;}
/* -------------- */
