2 Replies Latest reply on May 4, 2010 12:38 AM by Peter Grainge

    Bullet List Breaks in RH8

    M|S Level 1

      Hello,

       

      After upgrading to RH8 my custom bullet styles have broken. As you can see in the screenshot, they render correctly in the RH designer, but in IE8, the first level bullet loses the space between the bullet and the text, and the second level bullet does not use the correct image.

       

      Here is the relevant CSS:

      UL {
          margin-top: 0pt;
          margin-bottom: 0pt;
      }

      P.Bullets {
          font-family: Verdana;
          font-size: 8.0pt;
          margin-left: -8pt;
          list-style: url("smallorange.jpg");
      }
      LI.P-Bullets {
          font-family: Verdana;
          font-size: 8.0pt;
          list-style: url("smallorange.jpg");
      }

      P.Bullet2 {
          font-family: Verdana;
          font-size: 8.0pt;
          margin-left: 8pt;
          list-style: url("Bullet2.jpg");
      }
      LI.P-Bullet2 {
          font-family: Verdana;
          font-size: 8.0pt;
          list-style: url("Bullet2.jpg");
      }

       

      And here is some sample html:

      <ul>
          <li class="p-Bullets"><p class="Bullets">Level
           1 bullet .</p></li>
          <li class="p-Bullet2"><p class="Bullet2">Level
           2 bullet.</p></li>
          <li class="p-Bullet2"><p class="Bullet2">Another
           level 2 bullet.</p></li>
      </ul>

       

      Here's a screenshot of how it looks in IE8:

       

       

      RH8_Bullets.png

       

      I created new li styles and dumped the paragraph, and that works fine for new content, but I have a lot of existing content with the paragraph inside the list item and so I would like to find a way to make it render corretly with the existing tags.

       

      If anyone knows how I might be able to fix this, please let me know.

       

      M.S