two tables in the same row

  • Thread starter Thread starter pete0085
  • Start date Start date
P

pete0085

I'm working on a calendar and I'm trying to get two months on the same row,
and not sure how to edit the html code. I'll paste the code, leaving out
most of the unnecessary steps and wondering if someone can point me in the
right direction.

The way it views one is one table on the left, then another table below it
on the right. I would like these to be next to each other.

<!DOCTYPE HTML
<HTML LANG="en">
<HEAD>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=ISO-8859-1">
<META NAME="Author" CONTENT="">
<META NAME="Reply-To" CONTENT="">
<META NAME="Formatter" CONTENT="HTML Calendar Generator, Version 4.02 05
February 2002 http://www.dbhsoftware.com/">
<META HTTP-EQUIV="Description" NAME="Title" CONTENT="2009 SMW Employee
Calendar">
<META HTTP-EQUIV="Keywords" CONTENT="
">
<TITLE>2009 SMW Employee Calendar</TITLE>
</HEAD>
<BODY LEFTMARGIN="0" TOPMARGIN="0" BGCOLOR="FFFFFF">
<CENTER>
<FONT FACE="Verdana" COLOR="060000" SIZE="5">2009 SMW Employee Calendar</FONT>
<H1><A HREF="calendar.html"><FONT FACE="Verdana"
COLOR="060000">2009</FONT></A></H1>
</CENTER>
<P ALIGN="LEFT">
<TABLE BORDER="5" WIDTH="45%" COLS="7" ROWS="7" >
<TR BGCOLOR="0000FF" ALIGN="CENTER" VALIGN="TOP">
<TD ALIGN="CENTER" COLSPAN="7"><H3><FONT FACE="Verdana" COLOR="FF0000">
January</H3></TD></TR>
<TR BGCOLOR="C0C0C0" ALIGN="LEFT" VALIGN="TOP">
..
..
..
</TR>
</TABLE>
</P>
<P ALIGN="RIGHT">
<TABLE BORDER="5" WIDTH="45%" COLS="7" ROWS="7" >
<TR BGCOLOR="0000FF" ALIGN="CENTER" VALIGN="TOP">
<TD ALIGN="CENTER" COLSPAN="7"><H3><FONT FACE="Verdana" COLOR="FF0000">
February</H3></TD></TR>
<TR BGCOLOR="C0C0C0" ALIGN="LEFT" VALIGN="TOP">
 
One solution is:
Change the first table definition:

<TABLE BORDER="5" WIDTH="45%" COLS="7" ROWS="7" >
to
<TABLE BORDER="5" style="float:left; width:45%;margin-right:10px;" COLS="7"
ROWS="7" >

leave the second as it is is.
At the end of the second table, change
</TABLE>
to
</TABLE>
<br style="clear: both">

This will place the tables side by side with a 10px gap between them, and
force any content below the tables to go below both of them.

Other solutions involve nesting tables - on table with one row and two
cells. Place each calendar table in the two cells.
 
Hello Pete,

I believe Ronx gave you the answer your looking for. But if your looking
for more online examples, go here...
http://www.timeanddate.com/calendar/
and check page bottom to create a custom calendar
i.e., 2 months side-by-side...
http://www.timeanddate.com/calendar...isplay=3&cols=2&space=0&fdow=0&holmark=0&hol=

Play with the custom settings, save the page as htm or html complete then
review the code.
If I remember, the styles are in an external css file and it's kinda big.
You'll want to weed out the unused styles and maybe import the needed ones
to your (local) calendar page.

I worked on this on-and-off for several days to create a 12 month calendar
to have on my desktop. Only drawback is that I was never able to get it to
highlight the current day, but I was able to use their code to include a
time widget and a date widget on the same page above the calendar. When I
open the html document, the time & date widgets reference timeanddate.com
when running the script(s). They make the code available for download.

Yeah, calendars can be useful...

Hope this helps, too!

Richard in VA.
+++++++++++
 
Kirk,

I'm not all that good with html, can you help me out with my example and
show me where I would insert the following code? That looks like what I
would like to use with my existing calendar.

I used a freeware tool to create the html file for the calendar.
 
Richard,

I did look at that calendar online and the other tool I found seemed to be
easier to use. This page is going to be a static html page uploaded into a
different application.

How can I add a drop box inside each date or allow a check mark for a
bullet? I would like this to replace our vacation request form if that gives
you a better idea of what I'm talking about. A way to select a day or dates.
 
Pete,

The below is the Calendar (local html file) I was able to put together.
The calendar is static, time and date will be East Coast time USA.
Visit www.timeanddate.com to fetch the code for your time zone and
replace/edit accordingly.
Code for time & date is found in the iframe(s).
I don't know how to add drop boxes or such for a given calendar day...
sorry. Probably requires more scripting.
Also, edit out that last <div> if you want, every "hacker" should get
alittle credit!

Copy/paste the below code, between the " ++++ " and save as a local htm file
(better suited for wide screen monitors)


+++++++++++BEGIN++++++++++++++++

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML><HEAD><TITLE>Calendar 2009</TITLE>

<style type="text/css">
a:link {color:"darkred"; text-decoration:none}
a:visited {color:"darkred"; text-decoration:none}
a:hover {color:"red"}
a.footer:link {color:"#2F3C4D"; text-decoration:none}
a.footer:visited {color:"#2F3C4D"; text-decoration:none}
a.footer:hover {color="darkred"; text-decoration:underline}
</style>

<style type="text/css">
..ct .cmtny {
padding-right: 0px;
padding-left: 0px;
font-size: 1.5em;
padding-bottom: 0px;
padding-top: 0px
}
..padbot {
padding-bottom: 8px;
}
..ct .cal TD {
padding-right: 0.3em;
padding-left: 0.3em;
font-size: 1.2em;
padding-bottom: 0.1em;
padding-top: 0.1em
}
..cal TD {
text-align: center
}
H2 {
font-family: Arial,Helvetica,Sans-serif;
font-size: 1.4em;
text-align: center;
margin: 0.1em 0px 0.1em
}
..yr {
font-family: Arial,Helvetica,Sans-serif;
font-size: 1.6em;
text-align: center;
/*margin: 0.4em 0px 0.3em*/
padding: 0;
margin: 0;
}
TH {
font-family: Arial,Helvetica,Sans-serif
}
TD {
font-family: FONT-FAMILY: Arial,Helvetica,Sans-serif
}
..c0 {BACKGROUND: #e8e8e8}
..c1 {BACKGROUND: #f0f0f0}
..d0 {BACKGROUND: #e0e0e0}
..d1 {BACKGROUND: #f8f8f8}
..bordtop {
/*border-right: #00e 1px solid;*/
/*border-color:#0000EE;*/
border-color:#969696;
border-left:1px solid #969696;
border-right:1px solid #969696;
border-style:solid;
border-top-width: 1px;
border-bottom-width: 0px
}
..bordmid {
border-right: #00e 1px solid;
border-bottom-color: #00e;
border-left: #00e 1px solid;
border-top-style: solid;
border-top-color: #00e;
border-bottom-style: solid;
border-top-width: 0px;
border-bottom-width: 0px
}
..bordbot {
BORDER-RIGHT: #969696 1px solid;
BORDER-BOTTOM-COLOR: #969696;
BORDER-LEFT: #969696 1px solid;
BORDER-TOP-STYLE: solid;
BORDER-TOP-COLOR: #969696;
BORDER-BOTTOM-STYLE: solid;
BORDER-TOP-WIDTH: 0px;
BORDER-BOTTOM-WIDTH: 1px
}
body {
font-family: Arial,Helvetica,Sans-serif;
font-size: 88%;
margin: 3px
}
P {font-size: 1em}
table {font-size: 1em}
th {font-size: 1em}
td {font-size: 1em}
</style>

</HEAD>

<BODY>
<!-- <H2>Calendar for year 2009</H2> -->
<TABLE class=ct cellSpacing=0 cellPadding=4 align=center border=0>
<TBODY>
<TR>
<TD>
<TABLE class=ct cellSpacing=0 cellPadding=4 align=center border=0>
<TBODY>
<tr>
<th class=yr colspan=7>- 2009 -</td>
</tr>
<TR>
<th><iframe
src="http://free.timeanddate.com/clock/i1f6whd6/n212/fn17/tcf0f0f0/bac969696/pt2/pb2/tt1/tw1"
frameborder="0" width="192" height="23"></iframe></td>
<th colspan=5><A
href="http://www.timeanddate.com/calendar...mp;display=3&amp;lang=en&amp;cols=4&amp;hcl=1">&lt;2008</A>
|
<A
href="http://www.timeanddate.com/calendar...mp;display=3&amp;lang=en&amp;cols=4&amp;hcl=1">2010&gt;</A>
</th>
<th><iframe
src="http://free.timeanddate.com/clock/i1f6whd6/n212/fn17/tcf0f0f0/bac969696/pt2/pb2"
frameborder="0" width="96" height="23"></iframe></td>
</tr>
<tr>
<TH class="cmtny bordtop d0">January</TH>
<TD><IMG height=1 alt="" src="blank.gif" width=5 border=0></TD>
<TH class="cmtny bordtop d0">February</TH>
<TD><IMG height=1 alt="" src="Blank.gif" width=5 border=0></TD>
<TH class="cmtny bordtop d0">March</TH>
<TD><IMG height=1 alt="" src="blank.gif" width=5 border=0></TD>
<TH class="cmtny bordtop d0">April</TH>
</TR>
<TR>
<TD class="bordbot c1" vAlign=top align=middle>
<TABLE class=cal cellSpacing=0 cellPadding=2 border=0>
<TBODY>
<TR>
<TD>Su</TD>
<TD>Mo</TD>
<TD>Tu</TD>
<TD>We</TD>
<TD>Th</TD>
<TD>Fr</TD>
<TD>Sa</TD></TR>
<TR>
<TD>&nbsp;</TD>
<TD>&nbsp;</TD>
<TD>&nbsp;</TD>
<TD>&nbsp;</TD>
<TD>1</TD>
<TD>2</TD>
<TD>3</TD></TR>
<TR>
<TD>4</TD>
<TD>5</TD>
<TD>6</TD>
<TD>7</TD>
<TD>8</TD>
<TD>9</TD>
<TD>10</TD></TR>
<TR>
<TD>11</TD>
<TD>12</TD>
<TD>13</TD>
<TD>14</TD>
<TD>15</TD>
<TD>16</TD>
<TD>17</TD></TR>
<TR>
<TD>18</TD>
<TD>19</TD>
<TD>20</TD>
<TD>21</TD>
<TD>22</TD>
<TD>23</TD>
<TD>24</TD></TR>
<TR>
<TD>25</TD>
<TD>26</TD>
<TD>27</TD>
<TD>28</TD>
<TD>29</TD>
<TD>30</TD>
<TD>31</TD></TR></TBODY></TABLE></TD>
<TD></TD>
<TD class="bordbot c1" vAlign=top align=middle>
<TABLE class=cal cellSpacing=0 cellPadding=2 border=0>
<TBODY>
<TR>
<TD>Su</TD>
<TD>Mo</TD>
<TD>Tu</TD>
<TD>We</TD>
<TD>Th</TD>
<TD>Fr</TD>
<TD>Sa</TD></TR>
<TR>
<TD>1</TD>
<TD>2</TD>
<TD>3</TD>
<TD>4</TD>
<TD>5</TD>
<TD>6</TD>
<TD>7</TD></TR>
<TR>
<TD>8</TD>
<TD>9</TD>
<TD>10</TD>
<TD>11</TD>
<TD>12</TD>
<TD>13</TD>
<TD>14</TD></TR>
<TR>
<TD>15</TD>
<TD>16</TD>
<TD>17</TD>
<TD>18</TD>
<TD>19</TD>
<TD>20</TD>
<TD>21</TD></TR>
<TR>
<TD>22</TD>
<TD>23</TD>
<TD>24</TD>
<TD>25</TD>
<TD>26</TD>
<TD>27</TD>
<TD>28</TD></TR></TBODY></TABLE></TD>
<TD></TD>
<TD class="bordbot c1" vAlign=top align=middle>
<TABLE class=cal cellSpacing=0 cellPadding=2 border=0>
<TBODY>
<TR>
<TD>Su</TD>
<TD>Mo</TD>
<TD>Tu</TD>
<TD>We</TD>
<TD>Th</TD>
<TD>Fr</TD>
<TD>Sa</TD></TR>
<TR>
<TD>1</TD>
<TD>2</TD>
<TD>3</TD>
<TD>4</TD>
<TD>5</TD>
<TD>6</TD>
<TD>7</TD></TR>
<TR>
<TD>8</TD>
<TD>9</TD>
<TD>10</TD>
<TD>11</TD>
<TD>12</TD>
<TD>13</TD>
<TD>14</TD></TR>
<TR>
<TD>15</TD>
<TD>16</TD>
<TD>17</TD>
<TD>18</TD>
<TD>19</TD>
<TD>20</TD>
<TD>21</TD></TR>
<TR>
<TD>22</TD>
<TD>23</TD>
<TD>24</TD>
<TD>25</TD>
<TD>26</TD>
<TD>27</TD>
<TD>28</TD></TR>
<TR>
<TD>29</TD>
<TD>30</TD>
<TD>31</TD>
<TD>&nbsp;</TD>
<TD>&nbsp;</TD>
<TD>&nbsp;</TD>
<TD>&nbsp;</TD></TR></TBODY></TABLE></TD>
<TD></TD>
<TD class="bordbot c1" vAlign=top align=middle>
<TABLE class=cal cellSpacing=0 cellPadding=2 border=0>
<TBODY>
<TR>
<TD>Su</TD>
<TD>Mo</TD>
<TD>Tu</TD>
<TD>We</TD>
<TD>Th</TD>
<TD>Fr</TD>
<TD>Sa</TD></TR>
<TR>
<TD>&nbsp;</TD>
<TD>&nbsp;</TD>
<TD>&nbsp;</TD>
<TD>1</TD>
<TD>2</TD>
<TD>3</TD>
<TD>4</TD></TR>
<TR>
<TD>5</TD>
<TD>6</TD>
<TD>7</TD>
<TD>8</TD>
<TD>9</TD>
<TD>10</TD>
<TD>11</TD></TR>
<TR>
<TD>12</TD>
<TD>13</TD>
<TD>14</TD>
<TD>15</TD>
<TD>16</TD>
<TD>17</TD>
<TD>18</TD></TR>
<TR>
<TD>19</TD>
<TD>20</TD>
<TD>21</TD>
<TD>22</TD>
<TD>23</TD>
<TD>24</TD>
<TD>25</TD></TR>
<TR>
<TD>26</TD>
<TD>27</TD>
<TD>28</TD>
<TD>29</TD>
<TD>30</TD>
<TD>&nbsp;</TD>
<TD>&nbsp;</TD></TR></TBODY></TABLE></TD></TR>
<TR>
<TD colSpan=7><IMG height=5 alt="" src="Calendar6_files/blank.gif"
width=1
border=0></TD></TR>
<TR>
<TH class="cmtny bordtop d0">May</TH>
<TD><IMG height=1 alt="" src="blank.gif" width=5
border=0></TD>
<TH class="cmtny bordtop d0">June</TH>
<TD><IMG height=1 alt="" src="blank.gif" width=5
border=0></TD>
<TH class="cmtny bordtop d0">July</TH>
<TD><IMG height=1 alt="" src="blank.gif" width=5
border=0></TD>
<TH class="cmtny bordtop d0">August</TH></TR>
<TR>
<TD class="bordbot c1" vAlign=top align=middle>
<TABLE class=cal cellSpacing=0 cellPadding=2 border=0>
<TBODY>
<TR>
<TD>Su</TD>
<TD>Mo</TD>
<TD>Tu</TD>
<TD>We</TD>
<TD>Th</TD>
<TD>Fr</TD>
<TD>Sa</TD></TR>
<TR>
<TD>&nbsp;</TD>
<TD>&nbsp;</TD>
<TD>&nbsp;</TD>
<TD>&nbsp;</TD>
<TD>&nbsp;</TD>
<TD>1</TD>
<TD>2</TD></TR>
<TR>
<TD>3</TD>
<TD>4</TD>
<TD>5</TD>
<TD>6</TD>
<TD>7</TD>
<TD>8</TD>
<TD>9</TD></TR>
<TR>
<TD>10</TD>
<TD>11</TD>
<TD>12</TD>
<TD>13</TD>
<TD>14</TD>
<TD>15</TD>
<TD>16</TD></TR>
<TR>
<TD>17</TD>
<TD>18</TD>
<TD>19</TD>
<TD>20</TD>
<TD>21</TD>
<TD>22</TD>
<TD>23</TD></TR>
<TR>
<TD>24</TD>
<TD>25</TD>
<TD>26</TD>
<TD>27</TD>
<TD>28</TD>
<TD>29</TD>
<TD>30</TD></TR>
<TR>
<TD>31</TD>
<TD>&nbsp;</TD>
<TD>&nbsp;</TD>
<TD>&nbsp;</TD>
<TD>&nbsp;</TD>
<TD>&nbsp;</TD>
<TD>&nbsp;</TD></TR></TBODY></TABLE></TD>
<TD></TD>
<TD class="bordbot c1" vAlign=top align=middle>
<TABLE class=cal cellSpacing=0 cellPadding=2 border=0>
<TBODY>
<TR>
<TD>Su</TD>
<TD>Mo</TD>
<TD>Tu</TD>
<TD>We</TD>
<TD>Th</TD>
<TD>Fr</TD>
<TD>Sa</TD></TR>
<TR>
<TD>&nbsp;</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>&nbsp;</TD>
<TD>&nbsp;</TD>
<TD>&nbsp;</TD>
<TD>&nbsp;</TD></TR></TBODY></TABLE></TD>
<TD></TD>
<TD class="bordbot c1" vAlign=top align=middle>
<TABLE class=cal cellSpacing=0 cellPadding=2 border=0>
<TBODY>
<TR>
<TD>Su</TD>
<TD>Mo</TD>
<TD>Tu</TD>
<TD>We</TD>
<TD>Th</TD>
<TD>Fr</TD>
<TD>Sa</TD></TR>
<TR>
<TD>&nbsp;</TD>
<TD>&nbsp;</TD>
<TD>&nbsp;</TD>
<TD>1</TD>
<TD>2</TD>
<TD>3</TD>
<TD>4</TD></TR>
<TR>
<TD>5</TD>
<TD>6</TD>
<TD>7</TD>
<TD>8</TD>
<TD>9</TD>
<TD>10</TD>
<TD>11</TD></TR>
<TR>
<TD>12</TD>
<TD>13</TD>
<TD>14</TD>
<TD>15</TD>
<TD>16</TD>
<TD>17</TD>
<TD>18</TD></TR>
<TR>
<TD>19</TD>
<TD>20</TD>
<TD>21</TD>
<TD>22</TD>
<TD>23</TD>
<TD>24</TD>
<TD>25</TD></TR>
<TR>
<TD>26</TD>
<TD>27</TD>
<TD>28</TD>
<TD>29</TD>
<TD>30</TD>
<TD>31</TD>
<TD>&nbsp;</TD></TR></TBODY></TABLE></TD>
<TD></TD>
<TD class="bordbot c1" vAlign=top align=middle>
<TABLE class=cal cellSpacing=0 cellPadding=2 border=0>
<TBODY>
<TR>
<TD>Su</TD>
<TD>Mo</TD>
<TD>Tu</TD>
<TD>We</TD>
<TD>Th</TD>
<TD>Fr</TD>
<TD>Sa</TD></TR>
<TR>
<TD>&nbsp;</TD>
<TD>&nbsp;</TD>
<TD>&nbsp;</TD>
<TD>&nbsp;</TD>
<TD>&nbsp;</TD>
<TD>&nbsp;</TD>
<TD>1</TD></TR>
<TR>
<TD>2</TD>
<TD>3</TD>
<TD>4</TD>
<TD>5</TD>
<TD>6</TD>
<TD>7</TD>
<TD>8</TD></TR>
<TR>
<TD>9</TD>
<TD>10</TD>
<TD>11</TD>
<TD>12</TD>
<TD>13</TD>
<TD>14</TD>
<TD>15</TD></TR>
<TR>
<TD>16</TD>
<TD>17</TD>
<TD>18</TD>
<TD>19</TD>
<TD>20</TD>
<TD>21</TD>
<TD>22</TD></TR>
<TR>
<TD>23</TD>
<TD>24</TD>
<TD>25</TD>
<TD>26</TD>
<TD>27</TD>
<TD>28</TD>
<TD>29</TD></TR>
<TR>
<TD>30</TD>
<TD>31</TD>
<TD>&nbsp;</TD>
<TD>&nbsp;</TD>
<TD>&nbsp;</TD>
<TD>&nbsp;</TD>
<TD>&nbsp;</TD></TR></TBODY></TABLE></TD></TR>
<TR>
<TD colSpan=7><IMG height=5 alt="" src="Calendar6_files/blank.gif"
width=1
border=0></TD></TR>
<TR>
<TH class="cmtny bordtop d0">September</TH>
<TD><IMG height=1 alt="" src="blank.gif" width=5
border=0></TD>
<TH class="cmtny bordtop d0">October</TH>
<TD><IMG height=1 alt="" src="blank.gif" width=5
border=0></TD>
<TH class="cmtny bordtop d0">November</TH>
<TD><IMG height=1 alt="" src="blank.gif" width=5
border=0></TD>
<TH class="cmtny bordtop d0">December</TH></TR>
<TR>
<TD class="bordbot c1" vAlign=top align=middle>
<TABLE class=cal cellSpacing=0 cellPadding=2 border=0>
<TBODY>
<TR>
<TD>Su</TD>
<TD>Mo</TD>
<TD>Tu</TD>
<TD>We</TD>
<TD>Th</TD>
<TD>Fr</TD>
<TD>Sa</TD></TR>
<TR>
<TD>&nbsp;</TD>
<TD>&nbsp;</TD>
<TD>1</TD>
<TD>2</TD>
<TD>3</TD>
<TD>4</TD>
<TD>5</TD></TR>
<TR>
<TD>6</TD>
<TD>7</TD>
<TD>8</TD>
<TD>9</TD>
<TD>10</TD>
<TD>11</TD>
<TD>12</TD></TR>
<TR>
<TD>13</TD>
<TD>14</TD>
<TD>15</TD>
<TD>16</TD>
<TD>17</TD>
<TD>18</TD>
<TD>19</TD></TR>
<TR>
<TD>20</TD>
<TD>21</TD>
<TD>22</TD>
<TD>23</TD>
<TD>24</TD>
<TD>25</TD>
<TD>26</TD></TR>
<TR>
<TD>27</TD>
<TD>28</TD>
<TD>29</TD>
<TD>30</TD>
<TD>&nbsp;</TD>
<TD>&nbsp;</TD>
<TD>&nbsp;</TD></TR></TBODY></TABLE></TD>
<TD></TD>
<TD class="bordbot c1" vAlign=top align=middle>
<TABLE class=cal cellSpacing=0 cellPadding=2 border=0>
<TBODY>
<TR>
<TD>Su</TD>
<TD>Mo</TD>
<TD>Tu</TD>
<TD>We</TD>
<TD>Th</TD>
<TD>Fr</TD>
<TD>Sa</TD></TR>
<TR>
<TD>&nbsp;</TD>
<TD>&nbsp;</TD>
<TD>&nbsp;</TD>
<TD>&nbsp;</TD>
<TD>1</TD>
<TD>2</TD>
<TD>3</TD></TR>
<TR>
<TD>4</TD>
<TD>5</TD>
<TD>6</TD>
<TD>7</TD>
<TD>8</TD>
<TD>9</TD>
<TD>10</TD></TR>
<TR>
<TD>11</TD>
<TD>12</TD>
<TD>13</TD>
<TD>14</TD>
<TD>15</TD>
<TD>16</TD>
<TD>17</TD></TR>
<TR>
<TD>18</TD>
<TD>19</TD>
<TD>20</TD>
<TD>21</TD>
<TD>22</TD>
<TD>23</TD>
<TD>24</TD></TR>
<TR>
<TD>25</TD>
<TD>26</TD>
<TD>27</TD>
<TD>28</TD>
<TD>29</TD>
<TD>30</TD>
<TD>31</TD></TR></TBODY></TABLE></TD>
<TD></TD>
<TD class="bordbot c1" vAlign=top align=middle>
<TABLE class=cal cellSpacing=0 cellPadding=2 border=0>
<TBODY>
<TR>
<TD>Su</TD>
<TD>Mo</TD>
<TD>Tu</TD>
<TD>We</TD>
<TD>Th</TD>
<TD>Fr</TD>
<TD>Sa</TD></TR>
<TR>
<TD>1</TD>
<TD>2</TD>
<TD>3</TD>
<TD>4</TD>
<TD>5</TD>
<TD>6</TD>
<TD>7</TD></TR>
<TR>
<TD>8</TD>
<TD>9</TD>
<TD>10</TD>
<TD>11</TD>
<TD>12</TD>
<TD>13</TD>
<TD>14</TD></TR>
<TR>
<TD>15</TD>
<TD>16</TD>
<TD>17</TD>
<TD>18</TD>
<TD>19</TD>
<TD>20</TD>
<TD>21</TD></TR>
<TR>
<TD>22</TD>
<TD>23</TD>
<TD>24</TD>
<TD>25</TD>
<TD>26</TD>
<TD>27</TD>
<TD>28</TD></TR>
<TR>
<TD>29</TD>
<TD>30</TD>
<TD>&nbsp;</TD>
<TD>&nbsp;</TD>
<TD>&nbsp;</TD>
<TD>&nbsp;</TD>
<TD>&nbsp;</TD></TR></TBODY></TABLE></TD>
<TD></TD>
<TD class="bordbot c1" vAlign=top align=middle>
<TABLE class=cal cellSpacing=0 cellPadding=2 border=0>
<TBODY>
<TR>
<TD>Su</TD>
<TD>Mo</TD>
<TD>Tu</TD>
<TD>We</TD>
<TD>Th</TD>
<TD>Fr</TD>
<TD>Sa</TD></TR>
<TR>
<TD>&nbsp;</TD>
<TD>&nbsp;</TD>
<TD>1</TD>
<TD>2</TD>
<TD>3</TD>
<TD>4</TD>
<TD>5</TD></TR>
<TR>
<TD>6</TD>
<TD>7</TD>
<TD>8</TD>
<TD>9</TD>
<TD>10</TD>
<TD>11</TD>
<TD>12</TD></TR>
<TR>
<TD>13</TD>
<TD>14</TD>
<TD>15</TD>
<TD>16</TD>
<TD>17</TD>
<TD>18</TD>
<TD>19</TD></TR>
<TR>
<TD>20</TD>
<TD>21</TD>
<TD>22</TD>
<TD>23</TD>
<TD>24</TD>
<TD>25</TD>
<TD>26</TD></TR>
<TR>
<TD>27</TD>
<TD>28</TD>
<TD>29</TD>
<TD>30</TD>
<TD>31</TD>
<TD>&nbsp;</TD>
<TD>&nbsp;</TD>
</TR></TBODY></TABLE></TD></TR></TBODY>
</TABLE>
<div style="font:normal 11px arial,sans-serif;text-align:center;
margin:1em auto;">
::: Hacked By Richard in VA. :::
</div>
</BODY>
</HTML>

++++++++++++++END+++++++++++++++++++++
 
Thanks Kirk, but I didn't do it... www.timeanddate.com/ did it. I just
fudged with it to get the CSS style sheet into the htm file, purging un-used
styles and made a few changes for personal preference.

If anyone wants to correct the time for your area, go to
www.timeanddate.com/time/ or www.timeanddate.com/clocks/free.html and select
for "time only" or "date only" in the config section then pick the "show
HTML for clock" button. Copy/paste to replace the code in the <iframe> of
the local html and its a done deal.

This code request the current time/date from the timeanddate server when you
open the htm document. It's fast and almost un-noticeable but it would be
nice if it just referenced your local system clock.

If anyone knows how to edit that code to use the system clock, that would be
nice. Not a big bother, but you have to be online before it will work. And
of course the server needs to be "up".

Only other problem, it will turn into a pumpkin on Jan 1, 2010. But one can
go back to timeanddate for 2010 with the same calendar layout (using the
<2008 | 2010> link) then copy/paste ONLY the calendar code from page source
into the local html file and it should be updated for the next year... I
think...

http://www.w3schools.com is where I got started... I always thought of it as
"HTML 101".

Again... everyone needs a calendar!

Thanks!

Richard in VA.
+++++++++++
 
Back
Top