From what I found in the Help, I can set up an auto-numbered list, and then use cross-references containing the paragraph's autonumber to have my step numbers automatically update. I set up a paragraph style for my numbered list and separate paragraph styles for feedback statements, graphics between numbered steps, etc. Things look great in the WYSIWIG editor in Flare. However, when I preview the WebHelp output, or when I build the WebHelp output, the steps themselves are shown as tables with a <td class> the same as my paragraph style. This was unexpected, and I don't understand why it's happening.
Here is the code from a topic (it does NOT have any auto-numbered cross-references in it):
<body>
<h1><MadCap:variable name="System.Title" />
</h1>
<p class="NumberedList_123" MadCap:autonum="1. ">Choose <span class="UIElement">Start → Programs → FIREHOUSE Software → FH.NET</span>. </p>
<p class="NumberedList_123Feedback">Your default Internet browser appears, and FH.net prompts you for a username and password.</p>
<p class="GraphicAutoNumber">
<img src="../Resources/Images/FHNet/LoginDB.jpg" />
</p>
<p class="NumberedList_123" MadCap:autonum="2. ">In <span class="UIElement">User Name</span> and <span class="UIElement">Password</span>, enter your FH user name and password. </p>
<p class="NumberedList_123" MadCap:autonum="3. ">Click <span class="UIElement">Login</span>.</p>
<p class="NumberedList_123Feedback">The FH.net user interface appears. </p>
<p class="GraphicAutoNumber">
<img src="../Resources/Images/FHNet/FHnetMainScreen.jpg" />
</p>
</body>
And here is the code I can see when I view the source for the WebHelp output.
<body>
<h1>Log into FH.net</h1>
<table class="AutoNumber_p_NumberedList_123" style="width: 100%; margin-left: 0;" cellspacing="0" cellpadding="0">
<col style="width: 0px;" />
<col style="width: 24px;" />
<col style="width: auto;" />
<tr>
<td valign="top" />
<td class="AutoNumber_p_NumberedList_123" valign="top"><span>1. </span>
</td>
<td class="AutoNumber_p_NumberedList_123" MadCap:autonum="1. " valign="top">Choose <span class="UIElement">Start → Programs → FIREHOUSE Software → FH.NET</span>. </td>
</tr>
</table>
<p class="NumberedList_123Feedback">Your default Internet browser appears, and FH.net prompts you for a username and password.</p>
<p class="GraphicAutoNumber">
<img src="../Resources/Images/FHNet/LoginDB.jpg" />
</p>
<table class="AutoNumber_p_NumberedList_123" style="width: 100%; margin-left: 0;" cellspacing="0" cellpadding="0">
<col style="width: 0px;" />
<col style="width: 24px;" />
<col style="width: auto;" />
<tr>
<td valign="top" />
<td class="AutoNumber_p_NumberedList_123" valign="top"><span>2. </span>
</td>
<td class="AutoNumber_p_NumberedList_123" MadCap:autonum="2. " valign="top">In <span class="UIElement">User Name</span> and <span class="UIElement">Password</span>, enter your FH user name and password. </td>
</tr>
</table>
<table class="AutoNumber_p_NumberedList_123" style="width: 100%; margin-left: 0;" cellspacing="0" cellpadding="0">
<col style="width: 0px;" />
<col style="width: 24px;" />
<col style="width: auto;" />
<tr>
<td valign="top" />
<td class="AutoNumber_p_NumberedList_123" valign="top"><span>3. </span>
</td>
<td class="AutoNumber_p_NumberedList_123" MadCap:autonum="3. " valign="top">Click <span class="UIElement">Login</span>.</td>
</tr>
</table>
<p class="NumberedList_123Feedback">The FH.net user interface appears. </p>
<p class="GraphicAutoNumber">
<img src="../Resources/Images/FHNet/FHnetMainScreen.jpg" />
</p>
<script type="text/javascript" src="../SkinSupport/MadCapBodyEnd.js">
</script>
</body>
Can anyone tell me what happened, and how I should fix it? I'm stumped.
Thanks,
Tracey