Page 1 of 1

html help please!

Posted: Thu 06 Oct 2011 1:05 am
by WX_Frank
Use Cumulus 1.9.2 and works great, but I want to add a column on each side, make it a three row table in the .indexT.htm

Can this be done, and can someone help me with the necessary codes please?

Cheers,
Frank :)

Re: html help please!

Posted: Thu 06 Oct 2011 1:34 am
by Fritz
Frank,
A very basic table structure with a border would be...

<table border="1" bordercolor="" width="100" bgcolor="">
<tr>
<td> column one </td>
<td> column two </td>
<td> column 3three </td>
</tr>
</table>

Fritz

Re: html help please!

Posted: Thu 06 Oct 2011 7:34 am
by WX_Frank
Thanks Fritz.....could you please tell me how should I set this up?
(see snip below)
----------
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<meta content="text/html; charset=iso-8859-1" http-equiv="Content-Type" />
<meta name="description" content="<#location> weather data" />
<meta name="keywords" content="Cumulus, <#location> weather data, weather, data, Los Altos, Torrevieja, Frank Tangen, Orihuela Costa, weather station" />
<title><#location> weather</title>
<link href="weatherstyle.css" rel="stylesheet" type="text/css" />
</head>

<body>
<div id="content">
<h1><#location> weather</h1>
<h2 style="text-align: left; text-transform: none;" >
&nbsp;Latitude&nbsp;<#latitude>&nbsp;&nbsp;&nbsp;&nbsp;Longitude&nbsp;<#longitude>&nbsp;&nbsp;&nbsp;&nbsp;Elevation&nbsp;<#altitude></h2>
<!-- Almanac -->
<table width="100%" border="0" cellpadding="10">
<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">Moonrise:</td>
<td class="site_data" style="text-align: left;"><#moonrise></td>
<td rowspan="3"><img src="images/moon.bmp" alt="Moon" width="64" align="left" border="0" height="64" style="margin: 0px 10px" /></td>
</tr>
<tr>
<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">Moonset:</td>
<td class="site_data" style="text-align: left;"><#moonset></td>
</tr>
<tr>
<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">Moon Phase:</td>
<td class="site_data" style="text-align: left;"><#moonphase></td>
</tr>
</tbody></table>

Re: html help please!

Posted: Thu 06 Oct 2011 8:00 am
by steve
If you want to add another column just to the left of the moon image, you need to add your items in the three places highlighted in red:

<td class="site_data" style="text-align: left;"><#moonrise></td>
<td class="site_data" style="text-align: left;">Your first item here</td>
<td rowspan="3"><img src="images/moon.bmp" alt="Moon" width="64" align="left" border="0" height="64" style="margin: 0px 10px" /></td>

...

<td class="labels">Moonset:</td>
<td class="site_data" style="text-align: left;"><#moonset></td>
<td class="site_data" style="text-align: left;">Your second item here</td>
</tr>

...

<td class="labels">Moon Phase:</td>
<td class="site_data" style="text-align: left;"><#moonphase></td>
<td class="site_data" style="text-align: left;">Your third item here</td>
</tr>

Re: html help please!

Posted: Thu 06 Oct 2011 10:11 am
by WX_Frank
Steve....I want a column on each side of the site, and what Fritz posted is what I need.
But I'm pretty sure I can't use a HTML editor for this (messing up), so I was hoping someone could add what I need :?

Each column on the sides should contain a row of one cell tables (no border)...let's say 10 on each side...anyone who can help??
Sorry for my English :oops:

Cheers,
Frank.

Re: html help please!

Posted: Thu 06 Oct 2011 10:50 am
by beteljuice
You are probably going to have to learn how to use / modify cascading style sheets (css) :?

If only to modify the margins of the existing <div id="content"> so that your page fits on a screen :lol:

Lots of people have done it and may post some examples or give a link to a working page (there are many ways you can get / copy their style sheets, especially with modern browsers).

Here is one of many crash courses: http://webdesign.about.com/od/css/a/aa102102a_2.htm

Have fun :lol: