chapter in the middle

[RbnJrg]

Originally Posted by babadockia

Hello everybody!
I have a question to all the epub wizards here:
I have a doc, or a docx file, calibre and sigil and what I would like to do is to place the chapter in the middle of the page, you know, like on printed books.
Maybe this question have been asked before, but couldn't find the answer.
I attached two pictures for example

What you want is rather easy to get. In the epub I attach you can see THREE methods that work under ADE 3.0:

1. A method based on the property "padding".
2. A method based on the properties "display: table" and "display: table-cell".
3. A method based on the property "line-height" (the easy method if you want to center only one line).

Here you can see a screenshot of the result under ADE:



Below you can watch the respective epub.

Regards
Rubén

[babadockia]

Originally Posted by Toxaris

Can you show us some code from the HTML and from the stylesheet?

How would I do this? And, anyway, not now, in the morning, or at night, depends on everyone's timezone

[babadockia]

Jeeeezzuuuuz, guys, you are all fantastic!!
Is that considered a spam?

[Toxaris]

Originally Posted by babadockia

How would I do this? And, anyway, not now, in the morning, or at night, depends on everyone's timezone

Just post a snippit in a message. If you put it between code brackets, it will be formatted in style.

[JSWolf]

Originally Posted by babadockia

thank you all for your replies and suggestions. I have tried but all I did was to center it. I am too dumb for all this.
why would I want it? because I like it, and, if possible, I would like my e-books to look as close possible to the print ones. I even go in bookstores and check for the typefaces used to print, and then I try them in my books. I know, you will all say that an e-book is not hard copy, but still...
I am reading on a T68 with cool reader or alreader.

You cannot put up a chapter header and then have the text start halfway down the screen. It doesn't work that way. You can to specficy the space before and after the chapter header and then the chapter text can start after the white space under the chapter heading.

What works in most cases is a size of 1em, chapter heading (that includes any ornaments and whatnot), 1em, chapter text.

You see, you have different screen sizes such as phone, 6", 5", 8", 9.7", 6.8" eInk, computer screens, and tablets. So you cannot do the chapter text starting at have the screen. You have too many different screens to do this with. The software doesn't do it. ADE doesn't do it and it's the most used software to display ePub. If iBooks did it, it would do it in a way that didn't work elsewhere. Marvin probably doesn't do it and Bluefire sure as heck doesn't do it. Monano (sp?) won't do it. Moon+ won't do it and that doesn't leave that many others to do it if they even do do it.

The thing is, I've found that a lot of people dislike an excessive amount of white space for the header and an excessive amount of margins doesn't go over well either. I like no margins, but a lot of people like a mall margin. Just enough so the text isn't butting against the bezel and any bezel shadowing will not be on top of the text. A margin of 5pt top, left, and right is good. No need for a bottom margin in most cases.

So if this is an ePub for sale, please don't do the excessive white space. It won't go over all that well. If it's not for sale, feel free to do whatever you want.

[babadockia]

now, on request:
.calibre {
display: block;
font-size: 1em;
padding-left: 0;
padding-right: 0;
margin: 0 1pt
}
.calibre1 {
float: left;
height: 585px;
width: 420px
}
.calibre2 {
color: #1F497D;
display: block;
font-family: "Bookman Old Style";
font-size: 1.29167em;
font-weight: bold;
line-height: 150%;
text-align: center;
margin: 10pt 0 0.0001pt
}
.calibre3 {
font-family: "Adobe Garamond Pro";
font-size: 0.77419em;
line-height: 150%
}
.calibre4 {
font-weight: bold
}
.calibre5 {
font-family: "Adobe Garamond Pro";
font-size: 0.77419em;
font-style: normal
}
.calibre6 {
color: #365F91;
display: block;
font-family: "Bookman Old Style";
font-size: 1.66667em;
font-weight: bold;
line-height: normal;
text-align: center;
margin: 6pt 0
}
.calibre7 {
font-family: "Adobe Garamond Pro";
font-size: 0.6em
}
.calibre8 {
font-family: "Adobe Garamond Pro"
}
.calibre9 {
font-family: "Adobe Garamond Pro";
font-size: 1em
}
.calibre10 {
display: block
}
.calibre11 {
font-family: "Adobe Garamond Pro";
font-size: 0.77419em
}
.calibre12 {
color: black;
font-family: "Adobe Garamond Pro"
}
.calibre13 {
font-style: italic
}
.calibre14 {
float: left;
height: 581px;
width: 418px
}
.calibre15 {
float: left;
height: 580px;
width: 420px
}
.calibre16 {
color: #1F497D;
display: block;
font-family: "Bookman Old Style";
font-size: 1.29167em;
font-weight: bold;
line-height: 150%;
text-align: justify;
margin: 10pt 0 0.0001pt
}
.calibre17 {
color: black;
font-family: "Adobe Garamond Pro";
font-size: 1em
}
.calibre18 {
color: #1F497D;
display: block;
font-family: "Bookman Old Style";
font-size: 1.29167em;
font-weight: bold;
line-height: 150%;
text-align: left;
margin: 10pt 0 0.0001pt
}
.calibre19 {
float: left;
height: 588px;
width: 419px
}
.calibre20 {
border-bottom: 0;
border-top: 0;
display: block;
margin-bottom: 0;
margin-top: 0;
padding-bottom: 0;
padding-top: 0;
text-indent: 1.7em
}
.calibre21 {
display: block
}
.calibre22 {
color: gray;
display: block;
height: 2px;
text-align: left;
border-top: currentColor solid 1px;
border-right: currentColor none 1px;
border-bottom: currentColor none 1px;
border-left: currentColor none 1px;
margin: 0.5em auto
}
.calibre23 {
font-family: "Bookman Old Style";
font-size: 1.29167em;
line-height: 1.2
}
.calibre24 {
font-family: "Bookman Old Style";
font-size: 1em;
line-height: 1.2
}
.calibre25 {
color: black;
font-family: "Bookman Old Style";
font-size: 1.29167em;
line-height: 1.2
}
.calibre26 {
font-style: italic;
line-height: 1.2
}
.MsoFootnoteReference {
vertical-align: super
}
.MsoFootnoteReference1 {
line-height: 1.2;
vertical-align: super
}
.MsoFootnoteText {
border-bottom: 0;
border-top: 0;
display: block;
font-family: "Times New Roman";
font-size: 0.83333em;
line-height: normal;
padding-bottom: 0;
padding-top: 0;
text-align: justify;
text-indent: 1.7em;
margin: 0
}
.MsoNormal {
border-bottom: 0;
border-top: 0;
display: block;
font-family: "Courier New";
font-size: 1em;
line-height: normal;
padding-bottom: 0;
padding-top: 0;
text-align: justify;
text-indent: 1.7em;
margin: 0
}
.MsoNormal1 {
border-bottom: 0;
border-top: 0;
display: block;
font-family: "Courier New";
font-size: 1em;
line-height: normal;
padding-bottom: 0;
padding-top: 0;
text-align: justify;
text-autospace: none;
text-indent: 1.7em;
margin: 0
}
.MsoNormal2 {
border-bottom: 0;
border-top: 0;
display: block;
font-family: "Courier New";
font-size: 1em;
line-height: normal;
padding-bottom: 0;
padding-top: 0;
text-indent: 1.7em;
margin: 0
}
.MsoNormal3 {
border-bottom: 0;
border-top: 0;
display: block;
font-family: "Courier New";
font-size: 1em;
line-height: normal;
padding-bottom: 0;
padding-top: 0;
text-align: justify;
text-autospace: none;
text-indent: 1.7em;
margin: 0 0 0 31.5pt
}
.MsoNormal4 {
border-bottom: 0;
border-top: 0;
display: block;
font-family: "Courier New";
font-size: 1em;
line-height: normal;
padding-bottom: 0;
padding-top: 0;
text-align: right;
text-autospace: none;
text-indent: 22.55pt;
margin: 0
}
.MsoNoSpacing {
border-bottom: 0;
border-top: 0;
display: block;
font-family: "Bookman Old Style";
font-size: 1.29167em;
font-style: italic;
line-height: normal;
padding-bottom: 0;
padding-top: 0;
text-align: justify;
text-indent: 1.7em;
margin: 0
}
.MsoNoSpacing1 {
border-bottom: 0;
border-top: 0;
display: block;
font-family: "Bookman Old Style";
font-size: 1.29167em;
font-style: italic;
line-height: normal;
padding-bottom: 0;
padding-top: 0;
text-align: center;
margin: 0
}
.MsoToc {
border-bottom: 0;
border-top: 0;
color: black;
display: block;
font-family: "Bookman Old Style";
font-size: 1.29167em;
line-height: normal;
padding-bottom: 0;
padding-top: 0;
text-align: justify;
text-indent: 1.7em;
margin: 0 0 0 12pt
}
.WordSection {
border-bottom: 0;
border-top: 0;
display: block;
margin-bottom: 0;
margin-top: 0;
padding-bottom: 0;
padding-top: 0;
page: WordSection1;
text-indent: 1.7em
}
.pcalibre:visited {
color: purple;
text-decoration: underline
}
.pcalibre1:link {
color: blue;
text-decoration: underline
}
do you understand something, guys? i hope i did it right

[babadockia]

and following there is a fragment from that book (is in romanian):
<?xml version="1.0" encoding="utf-8" standalone="no"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta content="Microsoft Word 14 (filtered)" name="Generator" />

<title>Unknown</title>
<link href="../Styles/stylesheet.css" rel="stylesheet" type="text/css" />
<link href="../Styles/page_styles.css" rel="stylesheet" type="text/css" />
</head>

<body class="calibre" link="blue" vlink="purple">
<div class="WordSection">
<h2 class="calibre16" id="calibre_toc_2"><a class="pcalibre pcalibre1" id="_Toc335776145"><span class="calibre3" xml:lang="RO">1 Sâmburi de Umbră</span></a></h2>

<p class="MsoNormal1"><span class="calibre12" xml:lang="RO">Roata Timpului se învârteşte, Vârstele vin şi trec, lăsând în urmă amintiri care devin legendă, apoi se preschimbă în mituri şi sunt de mult uitate când Vârsta se întoarce. Într-o Vârstă, numită de unii A Treia Vârstă, o Vârstă care va să vină, o Vârstă de mult trecută, vântul începu să sufle în Munţii Dhoom. Vântul nu era începutul. Învârtirea Roţii Timpului nu are nici început, nici sfârşit. Dar era un început.</span></p>

<p class="MsoNormal1"><span class="calibre12" xml:lang="RO">Pe sub soarele de dimineaţă, vântul bătea spre miazănoapte şi apus, peste pajişti nesfârşite şi desişuri răspândite pe ici, pe colo, peste apele repezi ale râului Luan, dincolo de creasta sfărâmată a Piscului Dragonului, muntele legendar care se înălţa peste câmpia domoală, atât de sus, încât, de la jumătate, era ascuns în nori. Piscul Dragonului, locul în care acesta murise – şi, odată cu el, Vârsta Legendelor, aşa cum se spunea – şi unde se profeţise că avea să renască. Sau renăscuse deja. Spre miazănoapte şi apus, trecând de târgurile numite Jualdhe, Darein şi Alindaer, unde poduri ca nişte dantele din piatră se arcuiau către Zidurile Strălucitoare, marile ziduri albe ale oraşului pe care mulţi îl numeau cel mai măreţ din lume. Tar Valon. Un oraş pe care umbra muntelui, întinzându-se în fiecare seară, de-abia îl atingea.</span></p>

<p class="MsoNormal1"><span class="calibre12" xml:lang="RO">Dincolo de ziduri, clădirile ridicate de Ogieri de mai bine de două mii de ani păreau să crească de-a dreptul din pământ sau să fi fost sculptate de vânturi şi ploi, şi nu de mâinile unor zidari, nici măcar unii atât de meşteri precum faimoşii Ogieri. Unele clădiri aminteau de păsările care-şi luau zborul sau de scoici uriaşe din îndepărtatele mări. Turnuri zvelte, drepte sau spiralate, erau legate unele de altele prin poduri aflate la sute de picioare deasupra pământului, adesea fără balustrade. Numai cei care apucaseră să petreacă mai multă vreme în Tar Valon se mai obişnuiseră cât de cât să le privească. Ceilalţi se holbau ca nişte oameni de la ţară.</span></p>

<p class="MsoNormal1"><span class="calibre12" xml:lang="RO">Mai măreţ decât toate celelalte, Turnul Alb domina oraşul, sclipind în soare ca osul poleit. „Roata Timpului se învârteşte în jurul Tar Valonului, iar acesta în jurul Turnului”, spuneau oamenii din oraş. Primul lucru pe care-l vedeau călătorii ce se apropiau, până să ajungă să zărească podurile sau insula, dacă erau pe corăbii, era Turnul care strălucea ca o torţă. Nu era, aşadar, de mirare că piaţa largă care se întindea dincolo de zidurile Turnului părea mult mai mică decât în realitate, sub ochiul său neiertător, iar oamenii păreau doar nişte gângănii. Dar, chiar dacă ar fi fost cel mai pipernicit din oraş, Turnul tot s-ar fi bucurat de respectul amestecat cu teamă al lumii de pe insulă, căci era inima puterii Aes-Sedai.</span></p>

<p class="MsoNormal1"><span class="calibre12" xml:lang="RO">În ciuda mulţimii lor, oamenii nu ajungeau nici pe departe să umple piaţa. Pe la margine era înghesuială, fiecare văzându-şi de treburile de zi cu zi, însă ceva mai aproape de hotarele Turnului, mulţimea se rărea, până ce, pe o porţiune cam de cincizeci de paşi în jurul Turnului, nu mai rămânea nimeni. În Tar Valon, femeile Aes-Sedai erau respectate şi chiar mai mult de atât, iar Suprema Înscăunată stăpânea asupra oraşului, ca şi asupra Surorilor, însă cei mai mulţi căutau să se ţină cât mai departe cu putinţă de tot ce însemna puterea Aes-Sedai. Una era să te făleşti cu căminul tău măreţ din sala de ospeţe, altceva să păşeşti drept în mijlocul flăcărilor.</span></p>

<p class="MsoNormal1"><span class="calibre12" xml:lang="RO">Câţiva, totuşi, îndrăzneau să se apropie de treptele late care duceau la intrarea în Turn, la uşile meşteşugit sculptate, îndeajuns de mari pentru o duzină de bărbaţi aşezaţi unul lângă altul. Uşile erau deschise, primitoare. Întotdeauna se găseau oameni care aveau nevoie de ajutor sau de răspunsuri pe care credeau că numai de la femeile Aes-Sedai le puteau dobândi. Veneau de peste tot, din Arafel şi Ghealdan, Saldaea şi Illian. Mulţi găseau ajutor şi sfaturi, cu toate că adesea erau altele decât cele pe care le aşteptau sau doreau.</span></p>

[eschwartz]

For starters, do not save as filtered text. Save the DOCX and convert it directly with calibre. Or use Toxaris' addin for Word (see his signature).

DOCX ==> EPUB

It will make it easier to change things.

[Toxaris]

You can save as filtered text, but clean the stuff up first!

Anyway, from a quick glance you could replace the margin in the .calibre16 class and replace it by margin-top: 4em; or something like that.

It is difficult to say with a calibre conversion like this due to the naming of the classes combined with the Word HTML garbage.

I strongly recommend my add-in. Not only for the creation of the ePUB, but also for the other procedures to improve the source document.

[JSWolf]

Another thing, do you actually have these fonts embedded?

[babadockia]

Originally Posted by JSWolf

Another thing, do you actually have these fonts embedded?

i have them on my system, but they are not embedded

[JSWolf]

Originally Posted by babadockia

i have them on my system, but they are not embedded

Then you need to get the font-family code out of the CSS.

[DaleDe]

Originally Posted by JSWolf

Then you need to get the font-family code out of the CSS.

It is also possible to have a list of fonts and have a generic fallback. But it is better not to depend on specific fonts.

[JSWolf]

Originally Posted by DaleDe

It is also possible to have a list of fonts and have a generic fallback. But it is better not to depend on specific fonts.

But then you risk botching the ability of some Readers/reading apps/programs to be able to change fonts just to keep in font-family lines that have no use.