Space between the task steps

Manohar_1024
Posts: 47
Joined: Wed Mar 27, 2019 10:12 am

Space between the task steps

Post by Manohar_1024 » Wed Jun 03, 2020 8:09 am

Hello,

I am facing an issue of having equal spacing between the steps even though i am using same tag structure for both.
Please help insolving this issue like by suggesting CSS for arrangement of space between the steps. I want both cases to be equal spacing between the steps please help in acheiving this.

I am usign DITA with CSS transformation.

First case
image.png
image.png (19.56 KiB) Viewed 197 times
Second case
image.png
image.png (21.16 KiB) Viewed 197 times
Thank you ,
Manohar.

Dan
Posts: 453
Joined: Mon Feb 03, 2003 10:56 am

Re: Space between task steps

Post by Dan » Wed Jun 03, 2020 10:45 am

Hi, I cannot reproduce the problem. Please check your customization CSS, maybe you have set a min-height that matches the steps. To test this, please add some text to the first item in the second case, and see what happens when the text wraps on multiple lines. If the space disappears, then probably there is a min-height set in the customization. If not, please post a sample topic showing the problem and the customization CSS.

Many regards,
Dan

Manohar_1024
Posts: 47
Joined: Wed Mar 27, 2019 10:12 am

Re: Space between the task steps

Post by Manohar_1024 » Wed Jun 03, 2020 11:10 am

Hello dan,

Thanks for the reply.
But i am finding the second case only after insering an image in the middle of steps.
Sometimes we want give image at the start and sometimes it will after some steps in the middle.
There are two ways i am trying to insert an image.
1. Using a stepsection tag and insert image. When i am following this method i am getting more empty space like almost the step section is moving to the next page leaving the current page empty.
2.Using Info tag and insert image this case i am finding the which has been shared as a screen shot.

Thank you,
Manohar.

Dan
Posts: 453
Joined: Mon Feb 03, 2003 10:56 am

Re: Space between the task steps

Post by Dan » Wed Jun 03, 2020 1:07 pm

One easy way to determine what causes the spacing and fix it in the CSS is to use the CSS inspector from the browser. The procedure is explained here: https://www.oxygenxml.com/doc/versions/ ... ng_the_css

If you still have problems please create a sample zip package with the DITA map, customization CSS, the tasks, and the images . You can then send it to us using the support form: https://www.oxygenxml.com/techSupport.html

Many regards,
Dan

Post Reply