Looks much better. I'm not an expert by any means, but the graphics and fields look to be in a table. Is it possible to justify the graphics cells to the right and normalise the fields cells for spacing?
This seems to work, graphics wise, having dumped the html into a very old copy of FrontPage ...
===============================
<p>Calculate cone dimensions for fitting cone to drum.</p>
<form action name="ConeCalc">
<fieldset>
<legend>Parameters</legend>
<table frame="void" cellspacing="5" width="1031">
<tr>
<td width="233">Drum diameter (D)</td>
<td width="206"><input id="drumDiameter" value="572" onchange="CalcConeResults()" type="text" size="20">
mm</td>
<td rowspan="4" align="right" width="556"><img src="
http://www.biopowered.co.uk/w/images/5/5e/Cone_diagram_1.png"></td>
</tr>
<tr>
<td width="233">Desired cone height (H)</td>
<td width="206"><input id="coneHeight" value="Enable javascript" onchange="CalcConeAngle()" type="text" size="20">
mm</td>
</tr>
<tr>
<td width="233">Desired cone angle from horizontal (a)</td>
<td width="206"><input id="coneAngle" value="30" onchange="CalcConeHeight()" type="text" size="20">
degrees</td>
</tr>
<tr>
<td width="233">Port fitting diameter (FD)</td>
<td width="206"><input id="fittingDiameter" value="22" onchange="CalcConeResults()" type="text" size="20">
mm</td>
</tr>
</table>
</fieldset><fieldset>
<legend>Results</legend>
<table frame="void" cellspacing="5" width="1031">
<tr>
<td width="230">Cone flat radius (R)</td>
<td width="203"><input id="coneLength" value="Enable javascript" readonly="readonly" onclick="document.ConeCalc.setstring.focus();document.ConeCalc.setstring.select();" type="text" size="20">
mm</td>
<td rowspan="6" width="562" align="right"><img src="
http://www.biopowered.co.uk/w/images/e/ec/Cone_diagram_2.png"></td>
</tr>
<tr>
<td width="230">Cone flat diameter</td>
<td width="203"><input id="coneDiameter" value="Enable javascript" readonly="readonly" onclick="document.ConeCalc.setstring.focus();document.ConeCalc.setstring.select();" type="text" size="20">
mm</td>
</tr>
<tr>
<td width="230">Fitting cutout radius (FR)</td>
<td width="203"><input id="cutoutFittingRadius" value="----" readonly="readonly" onclick="document.ConeCalc.setstring.focus();document.ConeCalc.setstring.select();" type="text" size="20">
mm</td>
</tr>
<tr>
<td width="230">Cutout angle (b)</td>
<td width="203"><input id="cutoutAngle" value="Enable javascript" readonly="readonly" onclick="document.ConeCalc.setstring.focus();document.ConeCalc.setstring.select();" type="text" size="20">
degrees</td>
</tr>
<tr>
<td width="230">Cutout chord (C)</td>
<td width="203"><input id="cutoutChord" value="Enable javascript" readonly="readonly" onclick="document.ConeCalc.setstring.focus();document.ConeCalc.setstring.select();" type="text" size="20">
mm</td>
</tr>
<tr>
<td width="230">Cone volume</td>
<td width="203"><input id="coneVol" value="Enable javascript" readonly="readonly" onclick="document.ConeCalc.setstring.focus();document.ConeCalc.setstring.select();" type="text" size="20">
litres</td>
</tr>
</table>
</fieldset>
</form>
<p> </p>
</div>
</div>
====================================
All I did was make the graphics cells 100% in size and justified right. The others I made specific widths to suit. Not sure about the vertical spacing of the fields. Would they all need to go into one cell to get round the spacing issue?
Don't know if any f that helps?
