The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS Problems styling a nested list Re: Problems styling a nested list


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;