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

List alignment issues in Firefox

New Here ,
Jan 14, 2009 Jan 14, 2009

Copy link to clipboard

Copied

After composing a webhelp project with primary and secondary (supporting) steps portrayed, Firefox doesn't play nice with the indentations that keep the information grouped visually.

In IE, it looks like this.

1. Do this
(.25 inch indent) a. Do this
(.25 inch indent) b. then do this
(.25 inch indent) c. save
2. Then do this, etc.

In Firefox:

1. do this
a. do this
b. then do this
c. save
2. Then do this...

I had read the browser issues portion of the grainge.org troubleshooting site for working with ordered and unordered lists. Am I able to attain this level of indentation by editing the _ns.css stylesheet, or do I just accept this as a limitation for Firefox?

Views

770

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 ,
Jan 14, 2009 Jan 14, 2009

Copy link to clipboard

Copied

Have you looked at your post? I am not seeing any difference.

The gist of the article is that you manually adjust the ns.css to get the result you want.

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
New Here ,
Jan 14, 2009 Jan 14, 2009

Copy link to clipboard

Copied

So if I have a primary step "step1" indented 0.20 inches,
and secondary step "step2" indented 0.45 inches,

within the _ns.css file, I should be editing both of these entries rather than the OL entry
to:

P.step1 {
font-size:10pt;
list-style:decimal;
margin-left:-0.05in; }
LI.P-step1 {
font-size:10pt;
list-style:decimal; }
HTML>BODY step1 {
margin-left:-0.5in; }

and

P.step2 {
list-style:lower-alpha;
font-size:10pt;
font-style:normal;
html>body:LI "{" "margin-left:0.05in";
margin-left:1pt; }
LI.P-step2 {
list-style:lower-alpha;
font-size:10pt;
font-style:normal;
html>body:LI "{" "margin-left:0.05in"; }
HTML>BODY step2 {
margin-left:0.05in; }

I'm trying to play with it, but would this be more likely to work?

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 ,
Jan 14, 2009 Jan 14, 2009

Copy link to clipboard

Copied

It is the OL and UL tags you need to be editing. The method is in the article, the measurements will be a bit of trial and error.

Post back if you are stuck after trying a bit more. It's late here but either someone else will help or I will look tomorrow.

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
New Here ,
Jan 14, 2009 Jan 14, 2009

Copy link to clipboard

Copied

I'm looking for something more granular if possible. I get results when I change the main OL and UL settings. But it changes the margins for all of those list styles.

I have several ordered and unordered list styles defined in my project. Main steps are numbered (1, 2, 3), and supporting steps (a, b, c) are indented to visually group them with their parent step. If I change the following setting
HTML>BODY OL {
margin-left:-0.2in; }
all of the ordered lists shift.

If I try to change one, say the secondary step style:
HTML>BODY step2 {
margin-left:2.65in; }
Nothing happens.

Is there a per-style adjustment one can make in the style sheet?

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 ,
Jan 15, 2009 Jan 15, 2009

Copy link to clipboard

Copied

I think you need to look at creating some OL and UL classes but without stopping to experiment, I am not sure how well RH will handle those.

Take a look at http://www.w3schools.com

Where I am now getting confused is the original problem seemed to be the lists worked in IE but not FF. Now it sounds more like there is a problem with indention overall.

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
Advisor ,
Jan 15, 2009 Jan 15, 2009

Copy link to clipboard

Copied

I think you've over-styled yourself into a corner, here. We've found that no styles works best.

1. Make a copy of your project and find a default.css from the RoboHelp Office > RoboHTML folder (under Program Files).

2. Assign the .css file to a few topics with these nested lists. In the topics, remove all styling in the lists (down to Normal paragraphs, no indents, etc.).

3. Select all list items from a former nested list and click the RH Create a Numbered List toolbar button.

4. Select the sub-list items, click the Increase Indent toolbar button, and adjust the numbering to a,b,c. (To automate this part of the process, you could add a "OL OL" style for only the a,b,c format [no indents, etc.]).

5. Repeat steps 3 and 4 for all other nested lists in the topics to which you assigned the default.css file.

We've found this method the most pain-free way to achieve consistency in online and print output. Give it a try. Or...you could step1/step2 yourself all the way into therapy.


Good luck,
Leon

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
New Here ,
Jan 15, 2009 Jan 15, 2009

Copy link to clipboard

Copied

LATEST
The original problem still stands. In IE, the nested lists work well and align correctly. When displayed in Firefox, they all have the same indentation.

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