Forum How do I...?

alignment across columns

jim_albright
In your OSIS example you start out with both columns being aligned horizontally. After a section head they are out of alignment.

In printing Bibles that is a problem.

Background: When printing Bibles on thin paper it is distracting if you see text from opposite side. The process is called backing. You must carefully control the interline spacing and font sizes so that running text from the back matches the running text on the front. Alignment across columns is required in order to achieve that. Headings/Chapter numbers are okay to take up 2 or 3 lines but everything is a multiple of a line.


I am having a similar problem.
The running text is 11/13
@page {
marks: crop cross ;
size: 6in 9in portrait;
margin: 2pc 5pc 2pc 4pc;
font: 11pt/13pt Gentium, Georgia, serif;
}

h3.book {
font-size: 10pt;
text-height: 13pt;
text-align: left;
margin: 0;
padding: 13pt 0 0 0;
string-set: h3;
}

h3.parallelPassage {
font-size: 9pt;
text-height: 13pt;
text-align: left;
margin: 0;
padding: 0;
}

I have different font size for section head (h3.book) but the same line height as running text. But I am off horizontal alignment.

How do I fix this?

Jim Albright
Wycliffe Bible Translators

jim_albright
I discovered a wonder feature. When I say columns: 2 on the section level it wraps to second column before starting the next section. So I see that I need to set the columns: 2 at a higher level. I tried setting it at the book level but then the book titles should be 1 column and also the introductions are one column.

So this is in part where I am getting out of alignment. Will fix and see what happens. This sure is fun to play with.

Is this suppose to be work?

Jim Albright
Wycliffe Bible Translators

jim_albright
Adding

line-height: 12pt;

To the section heads and paragraphs solved alignment problems. Great tool.

Jim Albright
Wycliffe Bible Translators

jim_albright
on footnote marker in the text

vertical-align: super;
line-height: 0;

actually moves text down about 1pt causing out of alignment but

vertical-align: top;
line-height: 0;

works fine.

Jim Albright
Wycliffe Bible Translators

mikeday
I think that "line-height: none" will also avoid this issue.
jim_albright
sorry
line-height: none
still has problem. Maybe this is a bug. I thought "none" should work too.


There is just a bit of additional height to the text forcing the lines out of alignment. Changing the content or font size didn't fix it either.

/* marker in the body text indicating a cross-reference*/
.crossReference::footnote-call {
color:purple;
content: '\2020' ' ';
font-size: 6pt;
vertical-align: super;
line-height: none;
}

/* marker in the body text indicating a footnote*/
.footnote::footnote-call {
color:purple;
content: '\2021' ' ';
font-size: 6pt;
vertical-align: super;
line-height: none;
}

Jim Albright
Wycliffe Bible Translators

jim_albright
oops

it looks like I still have problem with

/* marker in the body text indicating a cross-reference*/
.crossReference::footnote-call {
color:purple;
content: '\2020' ' ';
font-size: 6pt;
vertical-align: top;
line-height: none;
}

/* marker in the body text indicating a footnote*/
.footnote::footnote-call {
color:purple;
content: '\2021' ' ';
font-size: 6pt;
vertical-align: top;
line-height: none;
}

removing
<span class="crossReference">13:26: Daniel 7:13, Rai-haha Rupa Hiu 1:7</span>

from html fixes problem ... but no cross-reference.

I'll looks some more.

Jim Albright
Wycliffe Bible Translators

jim_albright
Removing any vertical change I still have the same problem.

The font is the same as the body text.

Removing color doesn't fix it.


/* marker in the body text indicating a cross-reference*/
.crossReference::footnote-call {
color:purple;
font-family:roman, 'times new roman', times, serif;
content: 'abc';
line-height:none;
}

/* marker in the body text indicating a footnote*/
.footnote::footnote-call {
color:purple;
font-family:roman, 'times new roman', times, serif;
content: 'def' ' ';
line-height:none;
}

Jim Albright
Wycliffe Bible Translators

jim_albright
In testing for this error it helps to have several footnote calls in one column and none in the other. The little bit that the alignment is off then is multiplied.

Jim Albright
Wycliffe Bible Translators

jim_albright
Found the problem.

I can adjust the offset/shift error by changing the font-size of the
crossReference to get the lines to align correctly.

Each crossReference in the text adds to the offset/shift error.

I don't see why? I think this might be a bug. To really see error try footnote size of 3pt.

body text is 10/13pt

This works
.crossReference{
display: none;
display: footnote;
display: prince-footnote;
position: footnote;
list-style-position:inside;
font-size: 11.75pt;
line-height: 13pt;
font-family:arial, helvetica, sans-serif;
color: black;
text-align: left;
text-indent: 0;
margin-left: 2em;
font-weight: normal;
}

Jim Albright
Wycliffe Bible Translators

mikeday
When we try to reproduce the issue here we have found that specifying "line-height: none" for the footnote element solves the problem, eliminating any effect on the column alignment caused by the vertical superscript text. Can you try this again? If it still isn't working, you can email me (mikeday@yeslogic.com) a simple test document that demonstrates the problem.
jim_albright
setting
line-height: none;

solved the problem. Thanks.

Jim Albright
Wycliffe Bible Translators