Skip to main content
T
th72
Known Participant
July 14, 2011
Question

Baffling Bullets

  • July 14, 2011
  • 1 reply
  • 1186 views

I'm having bullet issues. I'm using a style called BulletList on some text. It looks fine in the RoboHelp application. It looks fine when I generate a chm file. But when I generate WebHelp, the bullet itself has moved to the right and appears superimposed over the second or third character of the text line.

Here's part of my CSS file:

}
p.BulletList {
margin-left: -20px;
margin-top: -1pt;
margin-bottom: 6pt;
list-style: url(bullet_graygreen_square.gif);
mso-list: l0 level1 lfo1;
}
LI.p-BulletList {
list-style: url(bullet_graygreen_square.gif);
}
LI.kadov-P-CBulletList {
list-style: square;

Any thoughts? Thanks!

    This topic has been closed for replies.

    1 reply

    T
    th72Author
    Known Participant
    July 14, 2011

    BTW, I'm using RoboHelp 9.0.1.232.

    Willam van Weelden
    Willam van Weelden
    Inspiring
    July 14, 2011

    Hi,

    Your paragraph is indented 20 pixels to the left. You list element itself (that holds the bullet) is not indented. Try the following:

    p.BulletList {

    margin-top: -1pt;

    margin-bottom: 6pt;

    }

    LI.p-BulletList {

         margin-left: -20px;

         list-style: url(bullet_graygreen_square.gif);

    }

    This indents the entire list 20 pixels to the right. This should work for CHM and WebHelp alike.

    Greet,

    Willam

    T
    th72Author
    Known Participant
    July 14, 2011

    Hi Willam,

    Thank you! That fixed it. Thanks for explaining as well. I see a few other styles in my CSS that have the same problem.

    Tom

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