Need help with creating a new OL

[Implicit_D]

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

[MergeThis]

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

[Implicit_D]

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!

[MergeThis]

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