Subscribe
Tutorial search

CSS Ordered List Tutorials


Sort by:
Pure CSS Vertical Menu
Pure CSS Vertical Menu
Today we are going to build the second most common site menu navigation, the vertical navigation menu. Here we are going to be using only pure CSS, no hacks, and unordered lists to create our vertical menu and three levels of pop outs. This vertical navigation menu will work in IE5, IE6, IE7 and IE8 as well as FF and Safari.
Difficulty:
Create a pure CSS image gallery
Create a pure CSS image gallery
Take your favourite images and present them in an online gallery with little more than an unordered list and a little CSS.
Difficulty:
Creating a glassy non div navigation bar
Creating a glassy non div navigation bar
I’ve been doing a big of changes to header of James’ Blog and one of the main changes is the navigation, I’ve used a glassy effect to make them stand out but I’ve also noticed I've posted quite a few tutorials on creating a navigation bar, but in each of them I've used divs. But it's time for change! In this tutorial however, no divs will be used, instead you will be forming a navigation bar using a unordered list. This tutorial will show you how to style and control lists in CSS, as wel
Difficulty:
CSS List Item Roll Over Effect
CSS List Item Roll Over Effect
Using Dreamweaver, I show you how to setup a rollover effect on list items inside of an unordered list to swap between two classes in order to get an up state and a down state effect.
Difficulty:
Ol start number
Ol start number
A simple way to change the starting number in an ordered list with css. Since both the start attribute and value attribute has been deprecated, css is the only way to make this and pass the validation.
Difficulty:
Making A CSS Based Calender
Making A CSS Based Calender
With some simple CSS applied to an unordered list, we can quickly and easily make a nicely formatted calender thats easily lightweight and updated.
Difficulty:
CSS Image Maps With Pop-Up Tool Tips
CSS Image Maps With Pop-Up Tool Tips
Using an unordered list, a couple of images, and a little CSS, we can create an accessible "image map" with pop-up tool tips that provide our readers more information on the links the map contains. There are several techniques out there for doing this, but, unlike some, the one outlined here has the advantage of working in older versions of Internet Explorer.
Difficulty:
Making A CSS Based Calender
Making A CSS Based Calender
With some simple CSS applied to an unordered list, we can quickly and easily make a nicely formatted calender that's easily lightweight and updated.
Difficulty:
Accessible Graphical Menus With CSS
Accessible Graphical Menus With CSS
Build a fully graphically-based navigation menu out of an unordered list and CSS.
Difficulty:
CSS graphic menu with rollovers
CSS graphic menu with rollovers
This tutorial will show You how to code website menu using unordered lists, and valid xHTML/CSS. No JavaScript was used!
Difficulty:
Search Term(s) (2): ordered list