<
html>Calendar 2012
<
meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<
meta name="date.created" content="2012-11-16">
<
meta name="generator" content="HTML Calendar Maker 2.0">
<
meta name="licensekey" content="">
<
style type="text/css">
/* Styling for the title (Month and Year) of the calendar */
div.title
{
font: x-large Verdana, Arial, Helvetica, sans-serif;
text-align: center;
height: 40px;
background-color: white;
color: black;
}
/* Styling for the footer */
div.footer
{
font: small Verdana, Arial, Helvetica, sans-serif;
text-align: center;
}
/* Styling for the overall table */
table
{
font: 100% Verdana, Arial, Helvetica, sans-serif;
table-layout: fixed;
border-collapse: collapse;
width: 100%;
}
/* Styling for the column headers (days of the week) */
th
{
padding: 0 0.5em;
text-align: center;
background-color:gray;
color:white;
}
/* Styling for the individual cells (days) */
td
{
font-size: medium;
padding: 0.25em 0.25em;
width: 14%;
height: 80px;
text-align: left;
vertical-align: top;
}
/* Styling for the date numbers */
.date
{
font-size: large;
padding: 0.25em 0.25em;
text-align: left;
vertical-align: top;
}
/* Class for individual days (coming in future release) */
.sun
{
color:red;
}
/* Hide the month element (coming in future release) */
th.month
{
visibility: hidden;
display:none;
}
<
body>
<
div class="title">January 2012
<
table border="1">
<
tr>| Sun | Mon | Tue | Wed | Thu | Fri | Sat |
<
tr>1 | 2 | 3 | 4 | 5 | 6 | 7 |
<
tr>8 | 9 | 10 | 11 | 12 | 13 | 14 |
<
tr>15 | 16 | 17 | 18 | 19 | 20 | 21 |
<
tr>22 | 23 | 24 | 25 | 26 | 27 | 28 |
<
tr>29 | 30 | 31 | | | | |
<
p>