Header Spacing

[Kol]

Hi,
having some problems with header spacing. Entered the following code:

h2, h3, h4, h5 {
text-align: left;
margin-bottom: 0em;
margin-top: 2em;
}

If I alter the text-align (center, left, etc.), it changes my file
But the margins are unaffected whatever numbers I enter.

Am I doing something wrong!
Thanks

[DiapDealer]

You can't get any top margin?

That usually happen immediately following a "soft" (meaning css page-break-(before|after)) page-break. Most devices/apps using Adobe's RMSDK ignores margin-top in those situations. I believe the ePub spec permits them to do so.

I've heard some say they could get around it using "padding-top" instead, but a sure-fire way to force the renderers to honor margin-top on a new "page" is to split the actual xhtml file and start a new one. Margin-top is always honored at the start of a new file.

[doubleshuffle]

"padding-top" does work. I use it all the time with poetry, where you just can't have a new file for every single poem.

[DiapDealer]

Good to know. I've just never had reason to try it. I never really need/use soft page-breaks--except sometimes with footnotes, and then I don't care about margin-top.

I pretty-much live in the Novel World, but can easily understand how that sort of thing might be useful outside that environment.

[Jellby]

Sometimes you cannot use padding (if you have a background or top border). In that case you can add a dummy element to create the pagebreak:

<p>Some text at the end of a page.</p>

<div class="pagebreak"/>

<h2>Title, with top margin retained</h2>

Then you just style div.pagebreak to be invisible (heigh: 0; margin: 0) and force a pagebreak (page-break-before: always). In some renderers you may have to add some content to the <div> (&nbsp;).