3 Replies Latest reply on Dec 22, 2010 4:57 AM by MergeThis

    Need help with creating a new OL

    Implicit_D Level 1

      Hi, all.  A client of mine is insisting on having an ordered list other than what I have set up in my template.

       

      Current:

      1.

           a.

                i.

       

      Need to create (see bolded items):

      1.

           a.

                1)

                     a)

       

      Please advise what I need to do either in RH8 or in my .css to include the two new subsetted lists.

       

      Thank you!

       

      DOD

        • 1. Re: Need help with creating a new OL
          MergeThis Level 4

          The first two are standard and probably don't need any attention.

           

          So create a third sublist with:

          ol > ol > ol {

          bold & paren number, etc. }

           

          ...and a fourth sublist with:

          ol > ol > ol > ol {

          bold & paren alpha, etc. }

           

          These "ol >" child selectors apply only to immediate children of the element. That is, the fourth sublist will follow your chosen styles only if it follows three previous ol lists, in order. However, if you include anything in between (a ul list or some <p> paragraphs), you'd probably want to eliminate the ">"operators and go with descendant selectors.

           

          For example:

          ol ol ol ol {

          bold & paren alpha, etc. }

           

          ...means that the fourth sublist will follow your chosen styles if it follows three previous ol lists, whether or not there are any other tags between any of the "ol"'s.

           

           

          Good luck,

          Leon

          • 2. Re: Need help with creating a new OL
            Implicit_D Level 1

            I have no idea what that translates to for the .css.  Would you mind turning that into something I can paste into the template?  Here's the current OL info:

             

            OL {
                       font-family: Arial;
                       font-size: 11pt;
                       margin-top: 0px;
                       margin-bottom: 0px;
            }

             

            Thanks for your help!

            • 3. Re: Need help with creating a new OL
              MergeThis Level 4

              Set the CSS styles for each layer of list/sublist (font, margin, etc.).

               

              OL {
                         font-family: Arial;
                         font-size: 11pt;
                         margin-top: 0px;
                         margin-bottom: 0px;
              }

               

              OL OL {
                         font-family: Arial;
                         font-size: 11pt;
                         margin-top: 0px;
                         margin-bottom: 0px;
              }

               

              OL OL OL {
                         font-family: Arial;
                         font-size: 11pt;
                         margin-top: 0px;
                         margin-bottom: 0px;

              }

               

              OL OL OL OL {
                         font-family: Arial;
                         font-size: 11pt;
                         margin-top: 0px;
                         margin-bottom: 0px;

              }

               

              See the CSS Tutorial at the W3Schools web site for more info, and probably get yourself a book (I use one by Richard York).

               

               

              Good luck,

              Leon