Sexy Ordered Lists with CSS
Recently I was working on a site where I had to style an ordered list and thought this may help some of you in future projects. The snag that some people tend to run into is that they are not sure how to separate the styles of the numbers and the actual content of the list.
It may feel easier to number each list item manually but then we end up defeating the purpose. In this tutorial I will show how to give an ordinary ordered list a face lift.
Related Submissions:
- jQuery Sequential List Have you ever had to manually code something that is sequential? Didn’t you find it annoying? Well, here is a simple solution for you. This...
- Sexy Animated Tabs Using MooTools One modern, attractive way of placing a lot of content into a little space is by using a tab system. This tutorial will show you...
- Creating Multi-Column Lists Using CSS I recently found myself in need of a multi-column list that was still using semantic markup. It is very important that you learn to do...
- FancyZoom meet jQuery Steve Smith (Ordered List) ported Cabel Sasser’s (Panic) awesome FancyZoom script over to jQuery. Easily my favorite pop-up “modal” box — even though it doesn’t...
- Responsive Web Design In recent years, I’ve been meeting with more companies that request “an iPhone website” as part of their project. It’s an interesting phrase: At face...