Oxygen XML Forum

Posted: **Thu Jul 06, 2023 5:44 pm**

Hello everyone,

I created a document with a two-column attribute set like this:

*[class ~= "topic/topic"][outputclass ~= "two-columns"] {
    page: two-columns
} 
@page two-columns{
    font-size: 10pt;
    column-count: 2; 
    column-gap: 0.1in;
    line-height: 1em; 
}

Everything works fine, except the fact that when I use column-span: all for h1 (topic title) the first column starts much lower than expected. Any idea what could be wrong? I can't figure out what is the problem. Thanks.

pic.png

/Wojtek

Posted: **Fri Jul 07, 2023 11:13 am**

Hello Wojtek,

You can add the vertical-align property in the topic rule to fix the display:

Code: Select all

*[class ~= "topic/topic"][outputclass ~= "two-columns"] {
  page: two-columns;
  vertical-align: top;
}
@page two-columns {
  font-size: 10pt;
  column-count: 2;
  column-gap: 0.1in;
  line-height: 1em;
}

Regards,
Julien

Posted: **Fri Jul 07, 2023 3:01 pm**

Thank you for the replay.
there is still a problem, but I found out that h1 paragraph spacing is huge, so I guess I need to make it smaller.

Oxygen XML Forum

CSS-based DITA to PDF problem with columns

CSS-based DITA to PDF problem with columns

Re: CSS-based DITA to PDF problem with columns

Re: CSS-based DITA to PDF problem with columns