Almanac Table script

[Michael_Wright]

Hi guys I am trying to put this code in to tables where the first one will be called Almanac Sky Times look at w3schools on tables but not hoping me much also want to centre the table if I can

Code: Select all

<!-- Almanac -->
<table border="1" style="width:300px">
 <tbody>
 <tr>
  <td class="labels">Dawn:</td>
 <td class="site_data" style="text-align: left;"><#dawn></td>
 <td class="labels">Sunrise:</td>
<td class="site_data" style="text-align: left;"><#sunrise></td>
<td class="labels">Dusk:</td>
     <td class="site_data" style="text-align: left;"><#dusk></td>
<td class="labels">Sunset:&nbsp;</td>
    <td class="site_data" style="text-align: left;"><#sunset></td>

 <td class="labels">Daylight:</td>
    <td class="site_data" style="text-align: left;"><#daylightlength></td>
    <td class="labels">Day length:</td>
    <td class="site_data" style="text-align: left;"><#daylength></td>

<td class="labels">Moonrise:</td>
    <td class="site_data" style="text-align: left;"><#moonrise></td>

<td class="labels">Moonset:</td>
    <td class="site_data" style="text-align: left;"><#moonset></td>
<td rowspan="3"><img src="images/moon.bmp" alt="Moon" width="64" align="right" border="0" height="64" style="margin: 0px 10px" /></td>
</tr>

</tbody></table>
<!-- END Almanac -->

[mcrossley]

At the moment you have everything on a single row (the <tr></tr> tags).

It's not clear how you want it set out with the Moon image, take a look at my home page which may give you some clues, I have the Sun table set out like this...

Code: Select all

<table style="width:100%; border-collapse:collapse;">
<table style="width:100%; border-collapse:collapse;">
<tbody>
	<tr>
		<th colspan="3">Sun Rise/Set</th>
	</tr>
	<tr>
		<td style="text-align: right;">Sunrise:</td>
		<td>05:13</td>
		<td rowspan="2" style="min-height:76px; min-width:76px; text-align:center; vertical-align:middle;">
			<img id="img_sun" src="./images/sun_graphic.php" width="75" height="75" style="width:75px; height:75px; margin: 0px 5px; border:0;" alt="Day/Night/Twilight" title="Day/Night/Twilight">
		</td>
	</tr>
	<tr>
		<td style="text-align: right;">Sunset:&nbsp;</td>
		<td>20:59</td>
	</tr>
	<tr>
		<td colspan="2" style="text-align: right;">Day length:</td>
		<td><span id="daylength">15h&nbsp;46m</span></td>
	</tr>
</tbody>
</table>