I am currently designing a new stylesheet and page layout for PDF output from Flare 9.
The page layout uses two columns. The content flows in fine apart from I'm getting an unwanted space above the top level heading. The h1 level will be used for chapter headings and I want it to sit at the top of the left column on a new page. Even though there is no margin, border or padding set above the h1 style in the stylesheet (Medium: print), it is still sitting about a line down from the top of the left column. The text that then flows into the right hand column then sits at the very top, so it shows up the problem with the h1.
Any ideas where I might look to prevent this from happening?
Thanks in advance.
Trying to remove space before h1 on PDF output
Re: Trying to remove space before h1 on PDF output
In the target, on the Advanced tab, select "Collapse top margin at top of page/column".
Re: Trying to remove space before h1 on PDF output
Yep, that's already set in the target and it's still putting the space in there - anywhere else that might cause this to happen?whunter wrote:In the target, on the Advanced tab, select "Collapse top margin at top of page/column".
Re: Trying to remove space before h1 on PDF output
Check to make sure you don't have a margin-top and padding-top values specified for the h1 tag, especially in the print medium. Also check the body tag in the print medium. If there's no margin-top or padding-top expressly stated for the body tag, then you might want to set both to a value of 0 in the print medium. It might have a default value in one of Flare's stylesheet or it might use the default value in browsers, and that default value would be inherited by the body tag in the page layout frame (which is a DIV). Setting it to 0 will override that default value.
Lisa
Eagles may soar, but weasels aren't sucked into jet engines.
Warning! Loose nut behind the keyboard.
Re: Trying to remove space before h1 on PDF output
I have removed all other stylesheets apart from the one I'm developing. For the h1 tag in its print medium both the margin-top and padding-top settings are tied to 0em to prevent any inheritance from the body. Not sure where to look next...LTinker68 wrote:Check to make sure you don't have a margin-top and padding-top values specified for the h1 tag, especially in the print medium. Also check the body tag in the print medium. If there's no margin-top or padding-top expressly stated for the body tag, then you might want to set both to a value of 0 in the print medium. It might have a default value in one of Flare's stylesheet or it might use the default value in browsers, and that default value would be inherited by the body tag in the page layout frame (which is a DIV). Setting it to 0 will override that default value.
Re: Trying to remove space before h1 on PDF output
Did you also explicitly set the margin-top and padding-top values for the body tag to 0 in the print medium?LampTramp wrote:I have removed all other stylesheets apart from the one I'm developing. For the h1 tag in its print medium both the margin-top and padding-top settings are tied to 0em to prevent any inheritance from the body. Not sure where to look next...LTinker68 wrote:Check to make sure you don't have a margin-top and padding-top values specified for the h1 tag, especially in the print medium. Also check the body tag in the print medium. If there's no margin-top or padding-top expressly stated for the body tag, then you might want to set both to a value of 0 in the print medium. It might have a default value in one of Flare's stylesheet or it might use the default value in browsers, and that default value would be inherited by the body tag in the page layout frame (which is a DIV). Setting it to 0 will override that default value.
And to be clear, the other stylesheets I'm referring to are ones that Flare adds/uses when it builds the outputs. You don't have direct access to those stylesheets, at least not through the GUI. If their styles have default values specified -- or if they inherit the default values specified by the W3C -- then those would be inherited by your stylesheet unless you explicitly overrode those default values. That's why I'm saying you might have to add the following to your stylesheet (assuming you are using the "print" medium for your print output):
Code: Select all
@media print {
body {
margin-top:0;
padding-top:0;
}
}
Lisa
Eagles may soar, but weasels aren't sucked into jet engines.
Warning! Loose nut behind the keyboard.
Re: Trying to remove space before h1 on PDF output
Hi all,
We have now located the cause of the extra space, it was due to the 'margin-top' setting of 10px within the body style. It was thus adding that extra space at the beginning of every topic, but was most noticeable in a multi-column PDF page. My thanks to all who gave advice on this matter and to Lisa and to Matthew Ellison who both nailed it.
Cheers
We have now located the cause of the extra space, it was due to the 'margin-top' setting of 10px within the body style. It was thus adding that extra space at the beginning of every topic, but was most noticeable in a multi-column PDF page. My thanks to all who gave advice on this matter and to Lisa and to Matthew Ellison who both nailed it.
Cheers
-
- Sr. Propeller Head
- Posts: 247
- Joined: Thu May 24, 2018 3:11 pm
- Location: Queensland, Australia
Re: Trying to remove space before h1 on PDF output
A post that I should bookmark. Unless you explicitly state that body should have no margin and padding, it may well inherit it from elsewhere outside of your control. And then one day you'll be creating a layout and suddenly find a vertical space you can't account for.
So, yes, it's a really good idea to reset body to zero padding and margin as a baseline for all styles in your stylesheet.
Thanks for solving, once again...
Rob
So, yes, it's a really good idea to reset body to zero padding and margin as a baseline for all styles in your stylesheet.
Thanks for solving, once again...
Rob