Error log: Difference between revisions

From creative crowd wiki
Jump to navigation Jump to search
No edit summary
No edit summary
Line 15: Line 15:
When inspecting the elements, it appeared that the <code><section></code> tag had been closed at the end of the first column automagically.
When inspecting the elements, it appeared that the <code><section></code> 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 <code><section class="columns"></code> to the cover (page 1), then a bunch of <code><br/></code> tags to push the text down to page 2, where it flowed across both columns, as originally intended.
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 break <nowiki><br/></nowiki> tags to push the text down to page 2, where it flowed across both columns, as originally intended.

Revision as of 13:16, 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 automagical 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 break <br/> tags to push the text down to page 2, where it flowed across both columns, as originally intended.