HTML5 - Inconsistency in the format

[Daniela Barros]

Hello Guys,

I have generated an HTML5 but the indentation, as well as the font of some paragraphs, are different from the rest of the document. Is there any particular reason for this inconsistency? In the FM document, everything looks the same...

Thanks

[Winfried Reng]

Hi,

Generally make sure that you have the latest FrameMaker update. For FM 2020 this is 16.0.2.916.

Are you sure that these paragraphs do not have any character format? Check this in the FrameMaker files.

What type of paragraph format is this? Heading, list, regular body text?

Do you apply any new template when you convert to HTML5? There are options to apply an HTML template and another template for your FrameMaker file.

What exactly is different in the HTML code?

Best regards

Winfried

[Daniela Barros]

Thank you, Winfried.

I will check for new updates as well as for the character formats once more.

I haven't applied any template when converting. I will try another template and see what happens.

Thank you!

Daniela 

[Matt-Tech Comm Tools]

Hi Daniela,

Have you used the Style Mapping in the Publish panel settings? If not, Fm is trying to use your print formatting within the HTML, and often that's not going to be enough. Without mapping to their HTML styles, problems with indents, numbering are common.

Can you post the HTML code that is being produced for the offending sections? That probably has some clues for us to work with.

-Matt

[Daniela Barros]

Hi Matt,

Thank you for your response. Please find below the picture.

[Matt-Tech Comm Tools]

Yep, it's using a style that is derived from your Fm paragraph style.

For the best results you need to map Output Style to something specific (like Body Level 1) instead of [Use Source Style] and then in Autonumber, choose Convert to List.

After that, you can adjust the CSS to get exactly what you want, provided you understand CSS. If not, use a service like Fivrr to make the changes to your CSS for you.

[Daniela Barros]

Thank you, Matt!

[Daniela Barros]

Hello,

With "Body Level 1" and "Convert to List" the letters disappear.

With the [Use Source Style] and "Convert to List" the letter is aligned but the text indentation (tab stops) is still too far from it.

 

Body Level 1

--------------------------------------------------------------------

[Use Source Style]

Then I tried to change the indentation by editing the style and defining a new CSS rule definition. In the Block item, I changed the indentation but nothing actually changed.

I am wondering if it possible to have the table stops aligned without having to change anything in the FM settings?

[Daniela Barros]

[Matt-Tech Comm Tools]

Please post the HTML code in the2 examples shown.

[Daniela Barros]

Sorry Matt, I have no idea how 

[Daniela Barros]

view-source:file:///Z:/Safety/Manuals/Flight%20Operations/CHL%20Operations%20Manual/COM_%233/HTML5/Test/1_Organizational%20Structure/Responsive%20HTML5/index.html#t=1_Organizational_Structure%2F1_Organizational_Structure.htm

I think I found it

[Matt-Tech Comm Tools]

Here's a post explaining how to get to the source code of your published project

https://www.howtogeek.com/416108/how-to-view-the-html-source-in-google-chrome/

[Daniela Barros]

file:///Z:/Safety/Manuals/Flight%20Operations/CHL%20Operations%20Manual/COM_%233/HTML5/Test/1_Organizational%20Structure/Responsive%20HTML5/index.html#t=1_Organizational_Structure%2F1_Organizational_Structure.htm

[Jeff_Coatsworth]

@Daniela Barros - that's not going to work for any of us because the files are on one of your network drives and not a webserver. Follow the direction Matt gave you to inspect the HTML.

[Daniela Barros]

Sorry for the late reply. 

I have changed the text_ind in the code for (a) to align with the text and it worked for the first line but not for the second. I am wondering if it is possible somehow to do it automatically for all lists with letters to change the indentation as I would like to.

Thank you so much for your help.

-Daniela 

[Daniela Barros]

[Daniela Barros]

I noticed that, on the code, the text is not under an ordered list <ol, could that be the problem? 

[Daniela Barros]

[Jeff_Coatsworth]

That looks like an Index page - you need to look at an actual topic example section.