I have a really dumb page size (can't change it) which makes it a bit problematic getting screenshots to fit in numbered lists of procedures.
In the first screenshot you can see there's a ton of space on the first page, but there's loads of room for the screenshot to fit. If I just add a blank paragraph after the p.graphic as part of my first <li>, the screenshot jumps nicely to the first page. (red box around it in the XML Editor and the Text Editor.) Why? There's loads of room for the screenshot to sit on that first page, I can even add another line of text under it on the first page, but for some reason the very last paragraph in that first <li> absolutely insists on being on the second page. Any ideas, and suggestions how to get it to behave? In case it's of interest, here are some extracts from the CSS for that medium:
Code: Select all
.KeepWithNext
{
page-break-after: avoid;
page-break-before: auto;
page-break-inside: auto;
column-break-after: auto;
}
h2
{
background-image: none;
border: none;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-align: left;
page-break-before: always;
page-break-inside: avoid;
mc-hyphenate: never;
color: #007d8a;
margin-right: 0;
margin-left: 0;
padding: none;
font-size: 16pt;
mc-heading-level: 3;
margin-top: 18pt;
line-height: normal;
margin-bottom: 0.5pt;
mc-next-tag: p;
}
p
{
font-family: Arial;
margin-top: 3pt;
margin-bottom: 9pt;
background-image: none;
font-size: 9pt;
color: #000000;
orphans: 2;
widows: 2;
margin-left: 1cm;
mc-hyphenate: never;
line-height: 12pt;
}
p.intro
{
margin-bottom: 6pt;
page-break-after: avoid;
margin-top: 3pt;
font-weight: bolder;
mc-next-tag: p;
}
p.graphic
{
page-break-before: avoid;
margin-top: 6pt;
orphans: 0;
widows: 0;
mc-next-tag: p;
}
ol
{
list-style-type: decimal;
list-style-position: outside;
margin-top: 3pt;
margin-bottom: 9pt;
line-height: 1.5;
mc-hyphenate: never;
margin-left: 1.5cm;
orphans: 1;
}
li
{
margin-top: 3pt;
margin-bottom: 9pt;
list-style: outside;
color: #000000;
line-height: 12pt;
mc-hyphenate: never;
orphans: 2;
widows: 2;
}