Setting table column width problem
Posted: Thu 29 Dec 2011 4:48 pm
I cannot get one of my web pages to look as I wish it to. I have heavily adapted the pages supplied with Cumulus over the last couple of years and although I still have a lot to learn I had hoped I knew enough to make this kind of change.
Here is the webpage http://www.cheadlehulmeweather.co.uk/thismonthyear.htm
And here is the code that sets up the width of each table column
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tbody>
<tr>
<td> </td>
<td colspan="2" bgcolor="#CCCCCC">This Month</td>
<td colspan="2" bgcolor="#CCCCCC">This Year</td>
</tr>
<tr>
<td colspan="5" class="tableseparator">Temperature and Humidity</td>
</tr>
<tr class="tableseparator_data">
<td width="20%">High Temperature</td>
<td width="15%" class="tableseparator_new"><#MonthTempH><#tempunit></td>
<td width="25%">at <#MonthTempHT> on day <#MonthTempHD format="d"></td>
<td width="15%" class="tableseparator_new"><#YearTempH><#tempunit></td>
<td width="25%"> at <#YearTempHT> <#YearTempHD format="d mmmm"></td>
</tr>
I want column one to be a bit wider than it is and columns 3 and 5 to be a bit narrower.
I have tried using Dreamweaver 4 to change the column widths by grabbing the column divider and dragging it but it won't move them. I suspect it's because of the length of the webtags rather than what they will become once Cumulus has processed the page contents.
If that is indeed the problem how can it be solved? Thanks for any advice.
Later: Thought it might help if I showed the appearance of this in DreamWeaver.
Here is the webpage http://www.cheadlehulmeweather.co.uk/thismonthyear.htm
And here is the code that sets up the width of each table column
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tbody>
<tr>
<td> </td>
<td colspan="2" bgcolor="#CCCCCC">This Month</td>
<td colspan="2" bgcolor="#CCCCCC">This Year</td>
</tr>
<tr>
<td colspan="5" class="tableseparator">Temperature and Humidity</td>
</tr>
<tr class="tableseparator_data">
<td width="20%">High Temperature</td>
<td width="15%" class="tableseparator_new"><#MonthTempH><#tempunit></td>
<td width="25%">at <#MonthTempHT> on day <#MonthTempHD format="d"></td>
<td width="15%" class="tableseparator_new"><#YearTempH><#tempunit></td>
<td width="25%"> at <#YearTempHT> <#YearTempHD format="d mmmm"></td>
</tr>
I want column one to be a bit wider than it is and columns 3 and 5 to be a bit narrower.
I have tried using Dreamweaver 4 to change the column widths by grabbing the column divider and dragging it but it won't move them. I suspect it's because of the length of the webtags rather than what they will become once Cumulus has processed the page contents.
If that is indeed the problem how can it be solved? Thanks for any advice.
Later: Thought it might help if I showed the appearance of this in DreamWeaver.