Hello,
i have a problem with footnotes from normal text which should be entered into a 2 columed footnote area.
In the attachement the footnote with the numbering 4 is at the right place and the footnote 1/2/3 should be placed there too.
Is this even possible with prince?
Here i have the example code which has generated the attached file.
Greetings and thanks for any help,
Daniel
i have a problem with footnotes from normal text which should be entered into a 2 columed footnote area.
In the attachement the footnote with the numbering 4 is at the right place and the footnote 1/2/3 should be placed there too.
Is this even possible with prince?
Here i have the example code which has generated the attached file.
Greetings and thanks for any help,
Daniel
<html>
<head>
<style type="text/css">
.columnChange {
column-count: 2;
margin-top: 20px;
}
@page {
@footnotes {
border-top: 1px solid black;
padding-top: 0.77em;
margin-top: 1em;
}
}
.fn {
counter-increment: footnote;
float: prince-column-footnote;
font-size: 66%;
}
.fn::footnote-marker {
counter-increment: footnote;
content: "[" counter(footnote) "] ";
font-size: 66%;
}
.fn:footnote-call {
vertical-align: super;
content: counter(footnote);
}
</style>
</head>
<body>
<div>
<h1>My problem</h1> Some nomal text (with 1 column by default), but with a footnote in the wrong footnotearea.
<span class="fn"> I do not belong in this footnotearea</span>
<h1>A try to solve it</h1> Through some testing i came to the conclusion that it depends on the column-count property, how the footnotes of prince behave. So i gave it a try
<div style=" column-count: 2; display:inline;"> <span class="fn"> But it failed</span></div>
<h1>Another try</h1> Some text.
<div style=" column-count: 2; display:inline;"> <span style="columns: 2;display: prince-column-footnote;"> But it failed too</span></div>
<div class="columnChange">
<h2>The main text</h2>
This text has now 2 columns and goes over 2 pages. But the footnotearea should be 2 columned like the following. <span class="fn">This footnote is at the right spot</span>
<br> Text fillter <br> Text fillter <br> Text fillter <br> Text fillter <br> Text fillter <br> Text fillter <br> Text fillter <br> Text fillter <br> Text fillter <br> Text fillter <br> Text fillter <br> Text fillter <br> Text fillter <br> Text fillter <br> Text fillter <br> Text fillter <br> Text fillter <br> Text fillter <br> Text fillter <br> Text fillter <br> Text fillter <br> Text fillter <br> Text fillter <br> Text fillter <br> Text fillter <br> Text fillter
<br> Text fillter <br> Text fillter <br> Text fillter <br> Text fillter <br> Text fillter <br> Text fillter <br> Text fillter <br> Text fillter <br> Text fillter <br> Text fillter <br> Text fillter <br> Text fillter <br> Text fillter <br> Text fillter <br> Text fillter <br> Text fillter <br> Text fillter <br> Text fillter <br> Text fillter <br> Text fillter <br> Text fillter <br> Text fillter <br> Text fillter <br> Text fillter <br> Text fillter <br> Text fillter <br> Text fillter <br> Text fillter <br> Text fillter <br> Text fillter <br> Text fillter <br> Text fillter <br> Text fillter <br> Text fillter <br> Text fillter <br> Text fillter <br> Text fillter <br> Text fillter
<span class="fn">Futher footnotes are 2 columned too. Like it should be.</span>
<br> Text fillter <br> Text fillter <br> Text fillter<br> Text fillter <br> Text fillter <br> Text fillter <br> Text fillter <br> Text fillter <br> Text fillter <br> Text fillter <br> Text fillter <br> Text fillter <br> Text fillter <br> Text fillter <br> Text fillter <br> Text fillter <br> Text fillter <br> Text fillter <br> Text fillter <br> Text fillter <br> Text fillter <br> Text fillter <br> Text fillter <br>
</div>
</body>
</html>