7 Replies Latest reply on Sep 8, 2013 6:23 AM by Peter Grainge

    Bullet indent incorrect

    Tina Z-B

      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!

        • 1. Re: Bullet indent incorrect
          Willam van Weelden Adobe Community Professional & MVP

          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

          • 2. Re: Bullet indent incorrect
            Tina Z-B Level 1

            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???

            • 3. Re: Bullet indent incorrect
              Willam van Weelden Adobe Community Professional & MVP

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

               

               

               

              Greet,

               

              Willam

              • 4. Re: Bullet indent incorrect
                Tina Z-B Level 1

                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

                • 5. Re: Bullet indent incorrect
                  Tina Z-B Level 1

                  Maybe these screen shots would be easier to read:

                   

                  HTML Robohelp:

                  HTML Robo.jpg

                   

                  HTML Output:

                   

                  HTML Output.jpg

                  • 6. Re: Bullet indent incorrect
                    Tina Z-B Level 1

                    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>

                    • 7. Re: Bullet indent incorrect
                      Peter Grainge Adobe Community Professional (Moderator)

                      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