• Global community
    • Language:
      • Deutsch
      • English
      • Español
      • Français
      • Português
  • 日本語コミュニティ
    Dedicated community for Japanese speakers
  • 한국 커뮤니티
    Dedicated community for Korean speakers
Exit
0

RH 2019: Empty paragraph when going from second to first level in a multilevel list

Community Beginner ,
Jun 12, 2020 Jun 12, 2020

Copy link to clipboard

Copied

I have tried to search the forum, and I find posts about multilevel lists, but I could not see anything matching my problem.

 

I am using a multilevel list in RH 2019 (new design), and when I go from the second to the first level there is an empty line (parapgraph) added between the levels (see screenshot).

rh_multilevel.png

I am not able to remove it by deleting it in a normal way.

Anyone else experienced this or any ideas how to solve it?

TOPICS
New UI

Views

357

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines

correct answers 1 Correct answer

Community Expert , Jun 14, 2020 Jun 14, 2020

I don't think that extra paragraph mark is a problem. I think it represents the end of the nested ul or ol tag. It doesn't show when you have paragraph marks turned off, nor in the output. It's just disconcerting in RH editing mode.

 

Take this example.

Amebr_0-1592186092361.png

 

 

  <ul class="Disc">
    <li>Item 1</li>
    <li>item 2
      <ul>
        <li>item 3</li>
        <li>item 4</li>
      </ul>
    </li> <!-- this is the empty paragraph mark. it correctly closes 'item 2'. -->
    <li>item 5</li>
  </ul>

 

Votes

Translate

Translate
Community Expert ,
Jun 12, 2020 Jun 12, 2020

Copy link to clipboard

Copied

I see the same issue with that style but I don't have an answer other than it is something in the CSS. It is complex CSS and I will see if I can get an answer. It might take a couple of days.

 

Help others by clicking Correct Answer if the question is answered. Found the answer elsewhere? Share it here. "Upvote" is for useful posts.

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Jun 12, 2020 Jun 12, 2020

Copy link to clipboard

Copied

I'm thinking it is something in our respective CSS files.

 

I just took a copy of default.css from a new project and applied that to a topic. This is what I get there.

 

image.png

 

I think something in another list style is cascading and creating that extra space.

 

Help others by clicking Correct Answer if the question is answered. Found the answer elsewhere? Share it here. "Upvote" is for useful posts.

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Jun 12, 2020 Jun 12, 2020

Copy link to clipboard

Copied

See if your CSS has this definition.

 

OL li {
 padding-bottom: 6pt;
}

 

If it does, comment it out and see if that fixes it. It has for me. Note the /* and */

 

OL li {
/* padding-bottom: 6pt; */
}

 

Help others by clicking Correct Answer if the question is answered. Found the answer elsewhere? Share it here. "Upvote" is for useful posts.

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Jun 14, 2020 Jun 14, 2020

Copy link to clipboard

Copied

I don't think that extra paragraph mark is a problem. I think it represents the end of the nested ul or ol tag. It doesn't show when you have paragraph marks turned off, nor in the output. It's just disconcerting in RH editing mode.

 

Take this example.

Amebr_0-1592186092361.png

 

 

  <ul class="Disc">
    <li>Item 1</li>
    <li>item 2
      <ul>
        <li>item 3</li>
        <li>item 4</li>
      </ul>
    </li> <!-- this is the empty paragraph mark. it correctly closes 'item 2'. -->
    <li>item 5</li>
  </ul>

 

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Jun 14, 2020 Jun 14, 2020

Copy link to clipboard

Copied

The code didn't change when I commented out the padding but the gap did not then appear.

 

In a different CSS without padding, there was no gap so I don't think that tag was the cause.

 

Help others by clicking Correct Answer if the question is answered. Found the answer elsewhere? Share it here. "Upvote" is for useful posts.

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Beginner ,
Jun 15, 2020 Jun 15, 2020

Copy link to clipboard

Copied

Thanks for all the good responses. It seems that the problem was only in the editor when displaying paragraph marks, and not in the output.

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Jun 15, 2020 Jun 15, 2020

Copy link to clipboard

Copied

Did you check for any padding to see if that fixed things in the editor as well?

 

Help others by clicking Correct Answer if the question is answered. Found the answer elsewhere? Share it here. "Upvote" is for useful posts.

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Beginner ,
Jun 15, 2020 Jun 15, 2020

Copy link to clipboard

Copied

I did now, but I cannot find any "padding" setting that could be relevant in this case.

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Jun 15, 2020 Jun 15, 2020

Copy link to clipboard

Copied

Padding or margin, in case anyone else has this issue. 

 

Help others by clicking Correct Answer if the question is answered. Found the answer elsewhere? Share it here. "Upvote" is for useful posts.

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Beginner ,
Jun 15, 2020 Jun 15, 2020

Copy link to clipboard

Copied

I only checked for "padding". There are some "margin-bottom" settings for ol.<something> list styles. I tried commenting out the setting for "ol>li", but it did not make any difference. I am not "fluent" in CSS, so I am not able to know 100% which of these settings that are relevant.

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Jun 15, 2020 Jun 15, 2020

Copy link to clipboard

Copied

LATEST

Best not to change anything if it's OK in the output and you can live with it in the editor. If you want to attach the CSS to an email to me, that's OK. See the Contact page on my site.

 

Help others by clicking Correct Answer if the question is answered. Found the answer elsewhere? Share it here. "Upvote" is for useful posts.

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Resources
RoboHelp Documentation
Download Adobe RoboHelp