Changing the format of bullets

Report · Aug 11, 2009

Hi,

No matter what I try, I can't change the format of my second tier bullet points. Does anyone know if the Styles > Bullets and Numbering options ever work and how? I just want to indent the second tier of bullets and give them a hollow circle, so that they're identical with my FM manual but so far I can't indent the bullets and they remain solid black bullets. Thanks in advance, S

Report · Aug 11, 2009

Hi,

Can you post the html code and the css-code of the list you are having problems with?

Greets,

Willam

Report · Aug 11, 2009

Hi, I've noticed that it looks correct in the 'Design' view within RoboHelp but not so in the browser. Thanks, S.

The HTML is:

<ul><li class=p-FM_Bulleted>Activity</li>
 <li class=p-Bullet2>Escalator Up</li>
 <li class=p-Bullet2>Escalator Down</li>
 <li class=p-Bullet2>Stairs Up</li>
 <li class=p-Bullet2>Stairs Down</li>
 <li class=p-Bullet2>Waiting</li>
 <li class=p-Bullet2>Delayed</li>
 <li class=p-Bullet2>Walking</li>
 <li class=p-Bullet2>Queuing</li>
 <li class=p-FM_Bulleted>Entity Type</li>
 <li class=p-FM_Bulleted>Final Destination</li>
 <li class=p-FM_Bulleted>Origin</li>
 <li class=p-FM_Bulleted>Target</li>
</ul>

The CSS code, I guess, is:

P.Bullet2 {
    font-family: Verdana, sans-serif;
    font-size: 10pt;
    list-style: inside circle;
    text-indent: 0in;
    margin-left: 46pt;
}

LI.P-Bullet2 {
    font-family: Verdana, sans-serif;
    font-size: 10pt;
    list-style: inside circle;
    text-indent: 0in;

}

Report · Aug 11, 2009

Hi,

Replace the two styles with:

P.Bullet2 {

font-family: Verdana, sans-serif;

font-size: 10pt;

text-indent: 0in;

}

LI.p-Bullet2 {

font-family: Verdana, sans-serif;

font-size: 10pt;

list-style-type: circle;

text-indent: 0in;

margin-left: 46pt;

}

Note that the style LI.P-Bullet2 is without a capital P. CSS is case sensitive (in some browsers) when using XHTML. I also moved the margin-left from the paragraph to the list item, otherwise you will have a bullet, and then an indented paragraph. I removed the inline declaration, because that causes problems for Firefox.

Please note my earlier advice and use multi level lists.

Greets,

Willam

Report · Aug 11, 2009

Thanks but that didn't really make much difference. I'm attaching a jpeg of how it looks. I'll keep struggling on.

Cheers.

Report · Aug 11, 2009

Very strange... It works when I paste your list in a new file...

Try creating a multi-level list:

<ul><li class=p-FM_Bulleted>Activity

<ul>

<li class=p-Bullet2>Escalator Up</li>

<li class=p-Bullet2>Escalator Down</li>

<li class=p-Bullet2>Stairs Up</li>

<li class=p-Bullet2>Stairs Down</li>

<li class=p-Bullet2>Waiting</li>

<li class=p-Bullet2>Delayed</li>

<li class=p-Bullet2>Walking</li>

<li class=p-Bullet2>Queuing</li>

</ul></li>

<li class=p-FM_Bulleted>Entity Type</li>

<li class=p-FM_Bulleted>Final Destination</li>

<li class=p-FM_Bulleted>Origin</li>

<li class=p-FM_Bulleted>Target</li>

</ul>

Greets,

Willam

Report · Aug 11, 2009

Hi, nesting that second list worked nicely. Maybe I'm asking too much but I would have expected that to be handled automatically? It's a shame that my HTML changes are overwritten as soon as I change the FM files and regenerate the Help. I guess I'll just have to set aside time to go through all the many glitches twixt manual and Help and tweak the HTML manually? Thanks for your input, S.

Report · Aug 11, 2009

Hi,

You are asking too much, since RoboHelp cannot perceive that you want multiple lists when you only check paragraphs. If you import those files from Framemaker, you may want to change the Framemaker styles to avoid these problems. I don’t work with framemaker, so I can't help you with that.

Greets,

Willam