/    Sign up×
Community /Pin to ProfileBookmark

Ordered List which doesn’t start with 1

Is it possible to create an ordered list which doesn’t begin with 1? I have two situations I’m facing in which I would like to do this (or be enlightened to a better approach):

1) The first situation is caused purely for design reasons: I have a long ordered list with relatively short items, and I am trying to render it in a multiple column layout. Using CSS3’s multi column is not an option unfortunately, and I’m not worried about creating true flowing multi column copy. So rendering multiple columns is easy enough using well known CSS column layouting techniques such as float, and making each column contain an ordered list is no problem, but each list starts with 1. I want the list to seem as though it continues from column to column, so 1-10 is in the first column, 11-20 is in the second, and 21-30 is in the third. I quite stumped, any ideas here are welcome.

2) The second situation is like the first, but instead of breaking up the ordered list across columns on the same page it is broken up across multiple pages. I’m expecting/hoping that a single solution would be suitable for both cases.

Thanks for any help.

to post a comment
CSS

4 Comments(s)

Copy linkTweet thisAlerts:
@FangJan 11.2010 — That's going to require JavaScript unless you can split the list into separate lists, then use start or counters
Copy linkTweet thisAlerts:
@tjedgarJan 11.2010 — only thing I can think of is to have the first 10 li's (in the 11-20 list) and putting a class on the first ten which has display:none on it
Copy linkTweet thisAlerts:
@abeallauthorJan 11.2010 — [...] you can split the list into separate lists, then use start or counters[/QUOTE]

That will work perfect, thanks.
Copy linkTweet thisAlerts:
@rnd_meJan 13.2010 — also, "value" let's you specify a specific number for a specific LI...
×

Success!

Help @abeall spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 BETA 5.8,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @AriseFacilitySolutions09,
tipped: article
amount: 1000 SATS,

tipper: @Yussuf4331,
tipped: article
amount: 1000 SATS,

tipper: @darkwebsites540,
tipped: article
amount: 10 SATS,
)...