Callouts

[Sean Wheller <sean@enbaya.co.za>]

Hi,

When I use areaspec to define the location of co bugs I get a strange looking 
layout in HTML.

The area spec is like this:


<programlistingco>
            <areaspec units="linecolumn">
                <area coords="2 15" id="dim-co" linkends="dim"/>
                <area coords="3 45" id="construct-co" linkends="construct"/>
                <area coords="4 54" id="logon-co" linkends="logon"/>
                <area coords="5 11" id="msgbox-co" linkends="msgbox"/>
                <area coords="6 19" id="logoff-co" linkends="logoff"/>
                <area coords="7 20" id="destruct-co" linkends="destruct"/>
            </areaspec>
            <programlisting><![CDATA[
Dim uid, myObj
Set myObj = createobject("Encore.Utilities")
uid = myObj.logon("ADMIN","" ,"0" ,"", "00", 0, 0,"")
msgbox uid
Encore.logoff(uid)
Set myObj = Nothing
]]></programlisting>
            <calloutlist>
                <callout arearefs="dim-co" id="dim">
			....

The HTML result is:


<div class="programlistingco">
            <table border="0" bgcolor="#E0E0E0">
               <tr>
                  <td><pre class="programlisting">
Dim uid, myObj</pre></td>
               </tr>
            </table>&#10102;
            <table border="0" bgcolor="#E0E0E0">
               <tr>
                  <td><pre class="programlisting">
Set myObj = createobject("Encore.Utilities")</pre></td>
               </tr>
            </table>&#10103;
            <table border="0" bgcolor="#E0E0E0">
               <tr>
                  <td><pre class="programlisting">
uid = myObj.logon("ADMIN","" ,"0" ,"", "00", 0, 0,"")</pre></td>
               </tr>
            </table>&#10104;
            <table border="0" bgcolor="#E0E0E0">
               <tr>
                  <td><pre class="programlisting">
msgbox uid</pre></td>
               </tr>
            </table>&#10105;
            <table border="0" bgcolor="#E0E0E0">
               <tr>
                  <td><pre class="programlisting">
Encore.logoff(uid)</pre></td>
               </tr>
            </table>&#10106;
            <table border="0" bgcolor="#E0E0E0">
               <tr>
                  <td><pre class="programlisting">
Set myObj = Nothing</pre></td>
               </tr>
            </table>&#10107;
            <table border="0" bgcolor="#E0E0E0">
               <tr>
                  <td><pre class="programlisting">
</pre></td>
               </tr>
            </table>
            <div class="calloutlist">
               <table border="0" summary="Callout list">
                  <tr>
                     <td width="5%" valign="top" align="left"><a name="dim"></
a>&#10102;
                     </td>
                     <td valign="top" align="left">

How can I have the co bugs position themselves at the end, or in, the 
annotated line instead of beneath the line?

-- 
Sean Wheller