Cumulus Support

Posted: **Tue 13 May 2014 9:50 am**

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 -->

Posted: **Tue 13 May 2014 10:08 am**

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>

Cumulus Support

Almanac Table script

Almanac Table script

Re: Almanac Table script