I have Notes, Cautions, and Warnings that all use the same formatting, which is a horizontal rule/line/border above, indented colored text (with the word "Note:" or "Caution:" or "Warning:") bolded, inserted as the first characters... AND a little Notepad icon (or triangle with exclamation point, or triangle with lightning bolt). The rule/line/border starts at an 18pt indent from the basic body-text left margin, as does the icon. The text of the note is at a 36-pt indent. Then, the whole affair closes with a finishing horizontal rule/line/border with the same characteristics as the top/opening one.
My problem occurs in PDF output. If a multi-sentence note breaks between pages, then:
- the current page gets a bottom-rule for the incomplete Note text
- the resumption of the Note on the next page gets a new top rule (properly indented)
- but the text where the note resumes is indented ONLY to the same (18-pt) indent as the rules/lines/borders, NOT to the desired 36-pt position, AND
- the icon is repeated, in what would be its proper position (if we wanted it repeated...) but now it overlaps the left-most text
- then there's a suitably-positioned bottom rule/line to finish up.
So, the problem is either-or-both of the text on the following page, within the note losing part of its indent, and the icon being there at all (again) and overlapping some text.
p.note
{
mc-hyphenate: never;
font-family: Arial;
color: #6c286b;
font-weight: normal;
font-style: normal;
background-repeat: no-repeat;
border-bottom: none 0pt;
text-decoration: none;
margin-bottom: 12pt;
margin-top: 12pt;
background-position-x: left;
margin-right: 36pt;
mc-auto-number-format: '{b}Note:{/b} ';
padding-left: 30pt;
padding-top: 6pt;
padding-bottom: 6pt;
border-top-style: solid;
border-top-width: 1px;
border-top-color: #6c286b;
border-bottom-style: solid;
border-bottom-width: 1px;
border-bottom-color: #6c286b;
background-image: url('../Images/icons/note.gif');
background-position-y: center;
background-position: left center;
font-size: 10pt;
margin-left: 36pt;
widows: 3;
orphans: 3;
}
The only other entries for p.note (or any "note") in that CSS file are for margins and font size.
Where should I be looking, please?
Yeah-yeah, I should avoid Notes big enough to need breaking, but given that I have a few, I'd like to fix.
Thankee.
NOTE loses [some] formatting after break
NOTE loses [some] formatting after break
De gustibus non disputandum est
Re: NOTE loses [some] formatting after break
The borders are presumably indented 36pt (not 18pt), as that's your margin-left.
The padding-left means the text should be indented a further 30pt.
But it looks like the padding is not being applied to the part of the p.note after the page break, which is a bug - so I'd suggest you report that to MadCap.
Unfortunately I don't know a fix - you could maybe avoid page breaks inside notes by adding: page-break-inside: avoid;
The padding-left means the text should be indented a further 30pt.
But it looks like the padding is not being applied to the part of the p.note after the page break, which is a bug - so I'd suggest you report that to MadCap.
Unfortunately I don't know a fix - you could maybe avoid page breaks inside notes by adding: page-break-inside: avoid;