Re: Problems styling a nested list

[Swami]

OK, I have been experimenting by trial and error with the CSS, just to see what results I get. I have succeeded in getting the nested list to show as an ordered rather than the unordered list which was being displayed originally.

Two problems persist, though. I can either get the first list and the nested list to show as upper-roman, or as normal decimal, but I cannot get the first to be roman, and the nested one to be decimal, no matter what I try.

The second problem, which is minor, is that at the beginning of the list, there is a one (1.) which shouldn’t be there. Maybe someone can figure a solution to these problems by viewing the CSS I have used:

#threecoldeeper ol{-moz-column-count: 3;

-moz-column-gap: 15px;

-moz-column-width: 210px;

-moz-column-rule: none;

-webkit-column-count: 3;

-webkit-column-gap: 15px;

-webkit-column-width: 210px;

-webkit-column-rule: none;

column-count: 3;

column-gap: 15px;

column-width: 210px;

column-rule: none;

display: list-item;

list-style-position: inside;

margin-left: 14px !important;

}

#threecoldeeper li{list-style-type: upper-roman !important;

}

#threecoldeeper ol li{list-style-type: decimal !important;

margin-left: 20px;

display: list-item;

list-style-position: inside;

}