Quote:
Originally Posted by Notjohn
The first-paragraph style:
p.first {
margin-top:0.5em;
margin-bottom: 0.0em;
text-indent:0.0em;
text-align:justify;
}
The chapter-heading style:
h2 {
margin-top:1em;
font-size: 150%;
text-indent: 0em;
font-style: italic;
text-align:center;
}
|
As stated above, I put styles very similar to this in books that I fiddle with. And I've seen similar in many books purchased from Kobo.
Quote:
|
I've been told elsewhere that stripping out margin-top is standard for Kobo. (Perhaps significant: I uploaded this e-book through Draft2Digital.)
|
When do they claim the margin-top is being stripped? I assumed you meant that it was being ignored by the Kobo readers, but this makes me think you mean something else. Are they claiming that Kobo is stripping them when converting to kepub?
Quote:
|
I'll look at some other Kobo samples to see if they exhibit the same behavior. Note that I'm doing this on my Windows 7 desktop, not on a Kobo reader.
|
Edit: I noticed the above after I posted.
What are you using to view the books? The Kobo desktop application?
Quote:
|
Later: okay, I previewed The Girl on the Train, and it exhibits identical behavior: no margin-top, though the Look Inside sample on Amazon does show it.
|
I'm hoping you mean
"The Girl on the Train" by Paula Hawkins. That was the first result from a search on the Kobo site and my Aura H2O. There were at least four other books with the same title. I grabbed the preview and took the attached screenshots. Comparing them to the Amazon versions shows they are different. But, they are different editions, so they can't really be compared. And, I can see two versions on Amazon with different formatting.
The code for the start of the chapter is:
Code:
<div xmlns="http://www.w3.org/1999/xhtml" id="book-columns">
<div xmlns="http://www.w3.org/1999/xhtml" id="book-inner">
<h2 class="chapter_head">
<span xmlns="http://www.w3.org/1999/xhtml" class="koboSpan" id="kobo.1.1">RACHEL</span>
</h2>
<h3 class="a_head_left">
<em>
<span xmlns="http://www.w3.org/1999/xhtml" class="koboSpan" id="kobo.2.1">Friday, 5 July 2013</span>
</em>
</h3>
<h4 class="b_head_center">
<em>
<span xmlns="http://www.w3.org/1999/xhtml" class="koboSpan" id="kobo.3.1">Morning</span>
</em>
</h4>
<p class="flush_left">
<span class="small">
<span xmlns="http://www.w3.org/1999/xhtml" class="koboSpan" id="kobo.4.1">THERE IS A</span>
</span>
<span xmlns="http://www.w3.org/1999/xhtml" class="koboSpan" id="kobo.5.1">pile of clothing on the side of the train tracks.</span>
The styles are:
Code:
h2.chapter_head
{
text-indent: 0;
text-align: center;
page-break-after: avoid;
margin-top: 10%;
margin-bottom: 2em;
}
h3.a_head_left
{
text-indent: 0;
text-align: left;
page-break-after: avoid;
margin-top: 1.5em;
margin-bottom: 1em;
}
h4.b_head_center
{
font-size:1.1em;
text-indent: 0;
text-align: left;
page-break-after: avoid;
margin-bottom: .5em;
}
p.flush_left
{
text-indent: 0;
margin-top: 0;
margin-bottom: 0;
}
p.indented
{
text-indent: 1em;
margin-top: 0;
margin-bottom: 0;
}
I can see "margin-top"s in there and they seem to be doing what they are supposed to do.