Subscribe
Tutorial search
Cool Stuff
How would you like to MASTER graphic design by next week?
Click here to find out how
CSS Tags
Photoshop Templates
Featured Photoshop templates - professional ready to use designs for your next project
View all templates
Tutorials
Stuff
Affiliates
CSS Ordered List Tutorials

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: 


Take your favourite images and present them in an online gallery with little more than an unordered list and a little CSS.
Difficulty: 


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: 


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: 


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: 


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: 


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: 


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: 


Build a fully graphically-based navigation menu out of an unordered list and CSS.
Difficulty: 


This tutorial will show You how to code website menu using unordered lists, and valid xHTML/CSS. No JavaScript was used!
Difficulty: 

