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

Bullet indent incorrect

Participant ,
Sep 03, 2013 Sep 03, 2013

Copy link to clipboard

Copied

Using RH10, HTML to generate HTML help (.chm file).  First line indent for bullet incorrect:

generated help.jpg

Using the ruler in design view, and the indents appear to be correct:

ruler .jpg

The style descriptions is as follows:

style description.jpg

The CSS is:

css.jpg

Any suggestions as to how I can get my first line indent to work correctly?

Thank you!

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
LEGEND ,
Sep 03, 2013 Sep 03, 2013

Copy link to clipboard

Copied

Hi,

Remove the text-indent property from the style. You may need to amend the margin of the paragraph as well, otherwise you'll have a rather large indent from text to paragraph.

(text-indent only sets the indent for the first line of a paragraph.)

Greet,

Willam

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
Participant ,
Sep 04, 2013 Sep 04, 2013

Copy link to clipboard

Copied

Hi William:

I removed the text-indent property, and here is the generated result:

updated generation.jpg

The following issues are now present:

  • The hanging indent for the second line is way off - how do I fix that?
  • It appears the bullet character has moved.  I base this conclusion on the paragraph that follows the bulleted line.  This paragraph should line up with the text in the bulleted line (for example, the word 'The' should line up with the word 'Open').

The CSS now looks like this:

updated css.jpg

Any suggestions???

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
LEGEND ,
Sep 05, 2013 Sep 05, 2013

Copy link to clipboard

Copied

What's the HTML of the list in Robo and the output?

Greet,

Willam

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
Participant ,
Sep 05, 2013 Sep 05, 2013

Copy link to clipboard

Copied

The HTML code from RoboHelp:

HTML Robo.jpg

The HTML code from the output:

HTML Output.jpg

These appear to be the same to me - what are your thoughts?  I appreciate your help!

Tina

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
Participant ,
Sep 05, 2013 Sep 05, 2013

Copy link to clipboard

Copied

Maybe these screen shots would be easier to read:

HTML Robohelp:

HTML Robo.jpg

HTML Output:

HTML Output.jpg

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
Participant ,
Sep 05, 2013 Sep 05, 2013

Copy link to clipboard

Copied

Still not very good screen shots, here's a copy of the HTML from RoboHelp:

face="Arial" size="2">To create a single operator operation:</font></b></span></h3>

<?rh-list_start class="rl-p-BulletedList" an="1" level="1" style="list-style: rh-list;

     list-style: rh-list;" ?><p class="BulletedList"><span

  style="font-family='Times: New Roman;"><a href="javascript:BSSCPopup('../Banner_Links/Open_Operation_Area.htm');"

             id="a2">Open</a> the operation

area and select </span>New &gt; Single Operator Operation.</p><?rh-list_end ?>

<p class="BulletedListPara">The operation header tab appears.</p>

HTML Output:

face="Arial" size="2">To create a single operator operation:</font></b></span></h3>

<?rh-list_start class="rl-p-BulletedList" an="1" level="1" style="list-style: rh-list;

     list-style: rh-list;" ?><p class="BulletedList"><span

  style="font-family='Times: New Roman;"><a href="javascript:BSSCPopup('../Banner_Links/Open_Operation_Area.htm');"

             id="a2">Open</a> the operation

area and select </span>New &gt; Single Operator Operation.</p><?rh-list_end ?>

<p class="BulletedListPara">The operation header tab appears.</p>

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 ,
Sep 08, 2013 Sep 08, 2013

Copy link to clipboard

Copied

LATEST

Tina

It looks like this is a project created before Rh8 when the CSS was written in a different way. The basic difference is that definitions that were in the paragraph style are now in the list style, where they should be.

Take a look at http://www.grainge.org/pages/authoring/lists/lists.htm on my site.


See www.grainge.org for RoboHelp and Authoring tips

@petergrainge

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
Resources
RoboHelp Documentation
Download Adobe RoboHelp