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

list style: text doesn't wrap properly when list is indented

Explorer ,
Nov 30, 2010 Nov 30, 2010

TCS 1

FM 8    

RH7

I have several indented lists where the 2nd and 3rd lines of text in a list item do not wrap to the same level as the first line.  I am using a .css to control all formatting.  I'm a newbie, but did learn that text indent only indents the first line of the text.  The successive lines wrap to the level of the number or the bullet.

For example:

1. ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum loremipsum lorem

Instead of:

1. ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem

    ipsum lorem

892
Translate
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
Guest
Jan 25, 2011 Jan 25, 2011

I'm having the same problem - my lists appear just fine in FrameMaker, my project is linked to RH to produce webhelp.

I've tried both using my own defined CSS and using the 'source' option on the conversion settings dialog. Neither route has any effect - my lists aren't wrapping and look awful. I've even tried to use the list-style-position property in the CSS.

I can't publish this help with the lists looking so bad... PLEASE HELP

Translate
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
Explorer ,
Jan 26, 2011 Jan 26, 2011

I'm not having this problem any more.  I'm not sure which tweak took care of the problem, so I am giving you several of the fixes that I tried.

  • I selected Format > Styles from the main toolbar. This opens the Styles dialog box. Select a bullet style, then click Format > Paragraph. This opens the Paragraph dialog box. My settings look like this for my bullets. (Any changes that you make this way are also reflected on your .css.)

rh_paragraph.png

  • I also tweaked my .css using Dreamweaver. I'm not that much of an expert with .css so I don't understand all of the nuances.For example, I don't understand why there is both a P.Bullet1 and a LI.P-Bullet1. However, below are my settings for both:

}
P.Bullet1 {
font-family: Tahoma, sans-serif;
font-size: 11pt;
color: #000000;
text-indent: 0pt;
margin-left: -14pt;
list-style: url(solid_blue_bullet.png);
margin-bottom: 5pt;
}
LI.P-Bullet1 {
font-family: Tahoma, sans-serif;
font-size: 11pt;
color: #000000;
text-indent: 0pt;
list-style: url(solid_blue_bullet.png);
}

As I said, I'm not sure which one of these tweaks worked, but they do.

Good luck!

Translate
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 26, 2011 Jan 26, 2011
LATEST

You could also use the feature to apply a css to all topics when you create the WebHelp.

Translate
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