Numbering is not mapping properly in HTML

[gimpfam]

Hi, My Framemaker template has two para tags for numbered lists: 

• NumberedListFirst (for the first step) (item 1)
• NumberListNext (for all succeeding steps).  (items 2-n)

When I generate HTML using the Publish command, the numbering is not ccorrect in HTML.

• The first item in the list  is 1. 
• The second item is also 1. 
• The succeeding items are numbered properly, 2-n

Also if there is more than one list on an HTML page, the results are even worse: 

• The first item is 1. 
• The second item n+1 (the next number after the last step in the first list).
• The succeeding items are numbered n+2, n+3, etc. 

Does anyone have any tips on how I can map these styles to make the numbers show correctly? We have used this template for a long time and no one has ever complained about the numbering in the HTML files so I think this is something new that I introduced. Does anyone have advice on how to map these styles so they are correct in HTML? I have many many numbered lists so redoing them in Framemaker is not really an option right now. 
Thanks in advance. 

Marcia

[FrameMaker-dk]

This is the settings dialogue in the HTML5 publish settings. Where do you have a check mark in this dialogue?

Also - do you have a sequence character in your numbering settings in your paragraph styles?

[Bob_Niland]

Is what you are describing just how the HTML renders, or have you confirmed the problem by checking the ‹ol› tags for their type & start attributes (or any parent CSS generated that controls those)?

[Matt-Tech Comm Tools]

To clarify the cause of the issue, could you please post the HTML of the output?

The problem likely lies with the mapping that Bjorn mentioned, and the (lack of) HTML ordered list elements that Bob mentioned.

Regardless, seeing the code will help us give you a more direct solution.

[gimpfam]

Thank you for trying to clarify my problem.  I'm sorry to be so slow to reply. We had another work emergency and I haven't been able to get back to this before now... I'm sending a couple of things... Screenshots of my numbered list tags. I did not create them template, but it looks like it h a sequence characters. N (see attached). And the Autonumber selection for the numbering paragraph tags are set to "Convert to List", which is different than the "Convert to Text" as shown above. 

One of the things that is really infuriating about this is the product is accessed via a web browser. You access the product, then click a menu to view tthe Help. It seems that depending on the machine you access the product on (using the same URL), sometimes the numbering is Ok and on other machines it is not. Below is a section from a machine where the numbering is not displaying properly. I've also included the HTML source for that section. Please note that on machines where the numbering is bad, it is the same throughout the whole Help system. This is just one example of a place where it is displaying incorrectly.  I hope this is the information you are loking for.  I really appreciate your time and any help you can offer. Thank you. Marcia

[Matt-Tech Comm Tools]

Hi Marcia, 

Your current mapping creates p elements that then (unsucessfully) try to produce numbering.

Instead, take Jeff's Bjorn's advice when mapping your paragraph styles

and output actual html ol lists with li list items like this:

<ol>
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
</ol>

It's likely you'll need to fiddle with css to get it finished, but this should get you to a point where your lists are accurate, and then we can look at the css.

[gimpfam]

I changed the Autonumber setting as you recommended, but  I don't know how to do the following: 

"output actual html ol lists with li list items like this:

<ol>
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
</ol>" 

Is there something I"m supposed to do from the Style Mappings. When I choose my numbered list para tags, there is a Output Style drop-down, but I don't see a choice related to ordered lists (see the screenshot). 

[Matt-Tech Comm Tools]

What does the HTML look like after choosing the HTML lists option?

I recommend against using the [Use Source Style] option, so maybe that's mucking up your result.

[gimpfam]

I'm regenerating it now. I'll send it soon. If you don't choose [Use Source Style], what do you choose.? I couldn't find anything in the list that was related to a list. There was an Automap option, but I'm not sure what that is. 

[gimpfam]

html seems to look the same even after I changed that setting. 

[FrameMaker-dk]

If you go into the Paragraph Styles settings of the HTML5 Style Mapping setup and select the numbered styles that are making trouble for you, I believe you may have a setting like this:

If that is the case, try changing the setting to this:

[Matt-Tech Comm Tools]

I posted this as a direct reply, but here's the link again for anyone reading through the thread...

See https://techcommtools.com/fm-publishing-html5-lists/

[Matt-Tech Comm Tools]

Here is a write up I did a while back. It should still be valid.

This post addresses the paragraph styles and mapping to custom css 

https://techcommtools.com/fm-publishing-html5-lists/