Public Forums 71,145 posts

[checkmate40 Friend checkmate40Join date: February 2008Posts: 104Downloads:0Uploads:19 Thanks: 15 Thanked: 3 times in 1 posts]

#129312

This is a css question more than Joomlart but thought somone might know.

I’m using an ordered list which shows up like this:

1. blah blah
2. blah blah
<indent>1. sub blah blah
<indent>2. sub blah blah
<indent><indent>1. blah blah
3. blah blah

And so forth.

Can I set the CSS so the list uses numbers and letters or Roman numerals?

1. blah blah
2. blah blah
<indent>A. sub blah blah
<indent>B. sub blah blah
<indent><indent>1. blah blah
3. blah blah

or

1. blah blah
2. blah blah
<indent>2.1. sub blah blah
<indent>2.2. sub blah blah
<indent><indent>2.2.a. blah blah
3. blah blah

or

I. blah blah
II. blah blah
<indent>II.1. sub blah blah
<indent>II.2. sub blah blah
<indent><indent>II.2.a. blah blah
III. blah blah

Thanks!

[checkmate40 Friend checkmate40Join date: February 2008Posts: 104Downloads:0Uploads:19 Thanks: 15 Thanked: 3 times in 1 posts]

#252026

Almost answered my own question…

using:

list-style-type: upper-alpha;

sets it to using numbers… anyone know a style that uses both numbers and letters?

[checkmate40 Friend checkmate40Join date: February 2008Posts: 104Downloads:0Uploads:19 Thanks: 15 Thanked: 3 times in 1 posts]

#252205

Ok I got it, incase anyone else ever cares.

create an ordered list and then nest an unordered list inside of it for the indented content. Then change the “list-style-type” of the nested list to lower-roman.

[Author]

Posts