View Single Post
Old 05-30-2011, 09:43 AM   #1
mtrahan
Colonel Mustard
mtrahan is no ebook tyro.mtrahan is no ebook tyro.mtrahan is no ebook tyro.mtrahan is no ebook tyro.mtrahan is no ebook tyro.mtrahan is no ebook tyro.mtrahan is no ebook tyro.mtrahan is no ebook tyro.mtrahan is no ebook tyro.mtrahan is no ebook tyro.
 
mtrahan's Avatar
 
Posts: 90
Karma: 1426
Join Date: Feb 2010
Location: Montreal
Device: iPhone 6, Kindle Paperwhite 2, iPad 2
What part of the CSS can cause this? (smallcaps related in Sigil)

Dear ePub experts,

I need your help again. I'm working on an ePub produced by InDesign CS5. Original document is a complex book designed for print—I had to simplify the styles a lot but after some work (thanks for the help I got here) I managed to get a decent ePub export and started to tweak it with Sigil. There are many small problems with the formatting, but the biggest problem is that the smallcaps are doing weird things that I don't understand at all. Specially in Sigil. I will show you the CSS and an example from one of the xhtml file—my question is simple: how can the text be shown as smallcaps in this situation?

The xhtml file looks like this, in the <body> tag there is:

Code:
<h1 class="titre-chapitre" id="toc-anchor">Chapter Title</h1>

<p class="premier-para">First paragraph, which appears correctly in Sigil (no small caps).</p>


<p class="para">Second paragraph (3 lines of text), which appears ALL in smallcaps except the third line.</p>


<p class="dernier-para">Last paragraph of the section, 2 lines of which the first is in smallcaps and the second one is not.</p>
I did 3 separate paragraph classes to get no indent on first line, and to get some space after the last line because there are some sub-sections in chapters. Here is the CSS for the 4 items shown in my example:

Code:
h1.titre-chapitre {
font-weight: normal;
font-style: normal;
font-size: 1.21em;
line-height: 1.28em;
text-indent: 0em;
text-align: center;
margin: 2em 0em 4em 0em;
}
p.premier-para {
font-weight: normal;
font-style: normal;
font-variant: normal;
font-size: 0.88em;
line-height: 1.38em;
text-indent: 0em;
text-align: justify;
margin: 0em;
}
p.para {
font-weight: normal;
font-style: normal;
font-variant: normal;
font-size: 0.88em;
line-height: 1.38em;
text-indent: 1.43em;
text-align: justify;
margin: 0em;
}
p.dernier-para {
font-weight: normal;
font-style: normal;
font-variant: normal;
font-size: 0.88em;
line-height: 1.38em;
text-indent: 1.43em;
text-align: justify;
margin: 0em 0em 2.29em 0em;
}
And the smallcaps problem is really related to the text lines, because when I scale the Sigil window the smallcaps parts change. For example, when I maximize the window, those 3 small paragraphs only have 1 line and it is not in small caps. Actually, when maximized, every paragraph that is shorter than one full line isn't shown in smallcaps... I don't understand why it is doing this at all. Any idea?

Also, the smallcaps don't appear in ADE (but I think that is just because it doesn't support smallcaps or something), and they appear almost correctly in Firefox...

Last weird thing with this particular ePub: when I open it in Sigil on my Mac, scrolling in a xhtml file is very very laggy. It's not doing this on my PC—and my PC is considerably older and slower than my new Macbook Pro. Did someone else experienced something similar with Sigil on different platforms with same file? And no problem with other ePub so I'm wondering what is wrong with this one (my first created with InDesign).

Thanks again for your help,

Michael
mtrahan is offline   Reply With Quote