Skip to main content
T
tspaul
Inspiring
November 2, 2009
Answered

Getting lists to indent properly in Firefox

  • November 2, 2009
  • 1 reply
  • 2584 views

Hello,

We have recently been looking at our style sheet for WebHelp to overcome problems we've seen in some browsers. We have found in the KB that we can overcome the extra indentation for lists in Firefox by setting the padding. However, we are having a different Firefox problem with indented lists. We have an indent18 style that indents paragraphs 18 px. When we apply numbering or bullets to paragraphs with this style, the numbers and bullets indent with the paragraph text in IE, but not in Firefox. In Firefox, the numbers and bullets stay at our left margin, and only the paragraph text indents.

I have tried adjusting padding and margin-left specifications in the style sheet for the style and for OL or UL, but nothing seems to make this problem go away.

Has anyone else seen this or come up with a solution? Should we be using different styles for list items? If so, do we apply the style first and then select the numbering, or apply the numbering and then select a style for each list item?

Thanks in advance for any help you may be able to provide.

Tammy

This topic has been closed for replies.
Correct answer Willam van Weelden

I'm afraid this is not helping me. My goals are these:

-In indented sublists, get Firefox to indent the numbers and bullets with the paragraphs themselves.

-If possible, use the existing styles and not require the writers to go back and make extensive changes to what styles are applied - in other words, they would prefer that I could just provide a new style sheet that will solve the problem. Requiring them to apply different styles to all their topics could start a small-scale riot. :-)

So far I do not have a solution to this. I apologize if I am not understanding whether this is possible and what would need to change. Meanwhile, I'm continuing to look into this on my own.

Tammy


Hi,

The solutions may not be all that complicated. There are a couple of things you need to do (I guess you are using Robo8):

0. Back up your projects! You have to do some changes that CANNOT be undone.

1. Teach all writers to also use proper lists:

     i. Click the list button, right click and select Bullets and Numbering, go to the tab custom and select the desired list.  Small-scale riot

     ii. Create RH Multilevel lists

2. Create a corresponding list style for every paragraph that is used in a list. The Robo7 convention is LI.p-<paragraph name>. Add all relevant styling in this style. You may want to use this convention or something like this, because it sets a relation between the list style and the paragraph.

3. Add LI P {margin-left: 0 !important} to your style sheet

4. Use a find and replace to give all your list items classes, example:

<li><p class=indent18> will have to be replaced with: <li class="p-indent18"><p class="indent18">

This way you can update all your lists in a matter of minutes. Just figure out what paragraphs are used an create the corresponding find and replace operation.

1 reply

Peter Grainge
Community Expert
Peter GraingeCommunity Expert
Community Expert
November 2, 2009

See the second item.

http://www.grainge.org/pages/authoring/browsers/browsers.htm

See www.grainge.org for RoboHelp and Authoring tips

@petergrainge

Use the menu (bottom right) to mark the Best Answer or Highlight particularly useful replies. Found the answer elsewhere? Share it here.
T
tspaulAuthor
Inspiring
November 3, 2009

I did read through that page and several other forum posts before posting yesterday, but it didn't seem to answer my specific question. The text is indenting to the proper level, but the bullets and numbers are not.

Tammy

T
tspaulAuthor
Inspiring
November 5, 2009

Thank you, William. I did discover in my work yesterday that the topics were using the actual paragraph styles like indent18, instead of the list classes, which surprised me. I think there may be some resistance to going back and changing them, but it sounds like I can try the latter solution. Either way, this gets me on the right track, and I appreciate it!


I'm sorry that it has been a couple of days since I have gotten back to this - I was out of the office and also had to finish another project.

I just wanted to note that I tried the

LI P {
    margin-left: 0 !important;
}

solution first since our writers are currently using the paragraph styles for both lists and outside of lists, but it did not solve the problem. I will try the list classes instead.

I confess that I'm not quite sure how showing the number for a list item not indented and the text behind it indented (as Firefox) can be the correct interpretation, but I'm guessing it has to do with my trying to define the indents in two places.

I will look at the list classes that already exist in the style sheet and try using those.

Tammy

Terms & ConditionsAccessibility statement
Using the community Terms of use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices