Margin ignored on most readers

[gezginrocker]

Hello,

I'm trying to add some space between titles. I used "margin-top" value at my stylesheet. But when I test ebook with readers like Kindle, Aldiko and Sumatra, I see that margin value is ignored. Only reader correctly displaying margins is Adobe Digital Editions. I tried adding <br> between titles, but the space is too big this way. What is the proper way of doing this?

Thanks

[Jellby]

Are you by any chance using "page-break-before: always" or similar in the titles too? Top margins after forced pagebreaks can be discarded according to the spec.

[Section8]

My memory, from a few years ago testing Android epub readers, is that Aldiko is based on ADE and honors CSS margins - unless that's changed in recent versions.

My kindle PW2, definitely does honor css margins with sideloaded azw3 books I've sent it from calibre.

[AlexBell]

Originally Posted by gezginrocker

Hello,

I'm trying to add some space between titles. I used "margin-top" value at my stylesheet. But when I test ebook with readers like Kindle, Aldiko and Sumatra, I see that margin value is ignored. Only reader correctly displaying margins is Adobe Digital Editions. I tried adding <br> between titles, but the space is too big this way. What is the proper way of doing this?

Thanks

Could you give us a look at the relevant CSS and XHTML in your ebooks? Like the others I have no problem with spaces between titles. I think we need more information.

[gezginrocker]

Hello,

Thanks for all replies. I have limited knowledge of CSS & HTML, probably I'm doing something wrong.

I have created a selector like this at my stylesheet:

.title {
margin-top: 3px;
}


Then I applied the selector like this:

<p class="title"><b>Rafting</b></p>


Thanks

[Jellby]

There could be other styles with higher priority (in the bookr or implicitly used by the reader) that effectively cancel yours. Do you have other rules in the stylesheet? Are they being honored?

I suggest you use "<h?>" instead of "<p class="title"><b>" (with
an appropriate number between 1 and 6 instead of the ?).

[AlexBell]

Have you set a top-margin for your pages?

For some reason unknown to me margin-top sometimes does not work to set the top of of a page, but padding-top does. Could you try using padding-top to see if that works?

[gezginrocker]

Thanks for replies. I tried it like this:

p.title {
padding-top: 0.9em !important;
margin-top: 0.9em !important;
}

Google Books and Adobe Digital Editions does honor, but Kindle & Aldiko still does not. I don't want to use <h?> tags because I am using it with paragraphs as well.

[Toxaris]

Something strange is going on here. Can you conjure up an example ePUB with this behavior?

[gezginrocker]

I found this article at Amazon Kindle Direct Publishing help, maybe this is why margins are not displayed properly.

Margins
At this time, Amazon KDP doesn't support margins set inside CSS/HTML (such as topmargin, leftmargin etc. set in px values). You can use the CSS margin attribute, but depending on your text format, this might not translate properly. Note: You can set only the left, top, and bottom margins this way, never the right margin.

[Toxaris]

That makes sense. Margins in pixels are usually not that useful.

[DaleDe]

Originally Posted by Toxaris

That makes sense. Margins in pixels are usually not that useful.

But they will be in the future when the CSS pixel is adopted and supported in HTML5 and ePub 3.

Dale

[JSWolf]

Originally Posted by DaleDe

But they will be in the future when the CSS pixel is adopted and supported in HTML5 and ePub 3.

Dale

But this is KF8, not ePub 3.

[gezginrocker]

Originally Posted by Toxaris

That makes sense. Margins in pixels are usually not that useful.

I used "em" though, but still does not display.