Error log: Difference between revisions
No edit summary |
No edit summary |
||
Line 17: | Line 17: | ||
After much searching online, gnashing of teeth and hand-wringing, the issue was solved by adding <code><section class="columns"></code> to the cover (page 1), then a bunch of | After much searching online, gnashing of teeth and hand-wringing, the issue was solved by adding <code><section class="columns"></code> to the cover (page 1), then a bunch of | ||
<code> | |||
<br> | <br> | ||
<br> | <br> | ||
Line 25: | Line 26: | ||
<br> | <br> | ||
<br> | <br> | ||
</code> | |||
tags to push the text down to page 2, where it flowed across both columns, as originally intended. | tags to push the text down to page 2, where it flowed across both columns, as originally intended. |
Revision as of 13:14, 2 May 2023
This page documents the quirks and adventures of using Octomode, which are part of the culture of using free software to make graphic design.
02.05.2023: An unexpected column jump
The intention was to make a multi-page report, which has a cover page and text flowing across two columns, beginning on page 2. The document was made using the Firefox browser over the course of a week or so. Everything looked great, until the PDF was exported, which showed images breaking across columns (strange, as this was not how it appeared in the PDF rendered in the browser).
So, the switch was made to Chrome, which was recommended as a more stable browser to work with. But in Chrome, there was an entirely different issue. On page 2, the text did not flow across two columns. Instead, it jumped from the left-hand column on page 2, to page 3.
In the CSS, the property and values columns: 2 auto;
were applied to a class called .columns
. In the pad, this class was added on page 2, like so:
<section class="columns">
When inspecting the elements, it appeared that the <section>
tag had been closed at the end of the first column automagically.
After much searching online, gnashing of teeth and hand-wringing, the issue was solved by adding <section class="columns">
to the cover (page 1), then a bunch of
tags to push the text down to page 2, where it flowed across both columns, as originally intended.