Issues with pre and code styles

This forum is for all Flare issues related to styles, stylesheets and XML.
Post Reply
kerimucci
Propeller Head
Posts: 59
Joined: Thu Nov 02, 2017 3:38 am

Issues with pre and code styles

Post by kerimucci »

In my HTML5 output, I am having the following issues:

The text for my pre style is spanning outside of its div and across the right side of the page below my left-hand side menu. However, the background color is being respected and only uses up 75% of the page width. I have set a max-width: 100% that isn't doing anthing. This is working fine in my PDFs.

The page-break-inside property is having no effect on my command style, which I have applied to my code.Command, ol, ul, and li styles. This results in my commands breaking across lines.

How do I resolve these issues?
kerimucci
Propeller Head
Posts: 59
Joined: Thu Nov 02, 2017 3:38 am

Re: Issues with pre and code styles

Post by kerimucci »

OK, so in case anyone else runs into this, I resolved the pre issue by adding overflow-x:auto; to my CSS. This adds a horizontal scroll bar when the text is wider than the available space.

Still haven't resolved the command issue.
commandbreak.png
You do not have the required permissions to view the files attached to this post.
Psider
Propellus Maximus
Posts: 816
Joined: Wed Jul 06, 2011 1:32 am

Re: Issues with pre and code styles

Post by Psider »

For the command style, look into the word-break and hyphen css properties. Perhaps one of those will help.
Post Reply