1 Reply Latest reply on Oct 20, 2010 10:37 PM by Peter Grainge

    Question for CSS format

    minamini

      Hi, I recently moved to Robohelp 8, and i got several problems related to a css file.

      When i used rh 5, it was ok to use listbullets with different styles and margins.

      I mean the listbullets were shown, for instance, as below in rh5:

      • test
        • test
          • test

      The problem was bullets were not indented in rh8 first time, but they were all alinged to the left, even though they had their own styles (such as disc, circle, square).

      I just entered text-indent: 5px; as below, and indentation problem was solved:

      OL,
      UL {
      font-size: 8.5pt;
      text-indent: 5px;

      Now, i have another problem that all the bullet styles are changed to disc.

      This is our original css format:

      p.Listbullet {
      list-style-type: disc;
      margin-left: 0pt;
      }
      LI.p-Listbullet {
      list-style-type: disc;
      }
      p.Listbullet2 {
      margin-left: 0pt;
      list-style-type: disc;
      list-style: rh-list;
      x-next-class: Listbullet2;
      x-next-type: P;
      }
      LI.p-Listbullet2 {
      list-style-type: disc;
      }
      p.Listbullet3 {
      margin-left: 5pt;
      list-style-type: square;
      list-style: rh-list;
      x-next-class: Listbullet3;
      x-next-type: P;
      }
      LI.p-Listbullet3 {
      list-style-type: square;
      }
      p.Listbullet4 {
      margin-left: 10pt;
      list-style-type: circle;
      list-style: rh-list;
      x-next-class: Listbullet4;
      x-next-type: P;
      }
      LI.p-Listbullet4 {
      list-style-type: circle;

      ------------------------------------------------------

      I tried to change the bullet styles in Format > Styles (rh8), but the following tags were just inserted and no changes were made:

      rh-list.rl-P-Listbullet2 {
      x-level-count: 1;
      x-lvl-1-format: "<x>.";
      x-lvl-1-type: disc;
      }
      rh-list.rl-P-Listbullet4 {
      x-level-count: 1;
      x-lvl-1-format: "<x>.";
      x-lvl-1-type: circle;

      -------------------------------------------------------

      Here i attch my html file for reference. Please help me.
      listbullet_rh8.jpg