Skip to main content
C
cvgs
Inspiring
November 30, 2010
Question

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

  • November 30, 2010
  • 1 reply
  • 939 views

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

This topic has been closed for replies.

1 reply

A
Anonymous
January 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

C
cvgsAuthor
Inspiring
January 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.)

  • 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!

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