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 List Tutorials

Hi Thesis theme users! Hope you have already satisfied with your thesis theme. You know that our thesis theme looks minimalist. Some bloggers don’t agree with the word minimalist when you use it regarding thesis theme. I am also. You can’t tell it like that. Because thesis can bend and blend as per our wish.
Difficulty: 


A re-introduction to a commonly overlooked style that makes lists play nicely with margins.
Difficulty: 


An appealing menu using only HTML list elements and DIV elements which are controlled by CSS.
Difficulty: 


Well in this tutorial you will learn how to create a tabbed navigation menu, complete with a under tab description feature, which when you hover on a certain tab a description will appear below the navigation bar, I've seen a few of these around, but most of them use javascript when really you don't need it if your looking for something simple. Im going to teach you how to create this using HTML lists and CSS styling no javascript involved.
Difficulty: 


Create snazzy navigation menus and links lists using Cascading Style Sheets. No need for expensive digital imaging software!
Difficulty: 


This is a simple yet professional looking multi level side menu. Markup wise it's just a regular CSS nested UL list, turned into a drop down menu using a very small JavaScript code. Arrow images are automatically added to LI items w/ sub levels.
Difficulty: 


Creating horizontal navigation menu with HTML list elements (UL LI) and CSS. Cross-browser compatible code according to Web standards.
Difficulty: 


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: 


Use @font-face to embed a font NOT on the ‘web safe’ list and get away from using images for text headers! This will currently only work with certain browsers so again, there is our quick +/- list of compatible browsers.
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: 


We style both lists and boxes with round corners, one advanced example uses a headline area at the top of the box.
Difficulty: 


Forget tables, start using list items and some css to start styling your forms. In this podcast you learn just that.
Difficulty: 


In this podcast you will learn how to style list items with some CSS
Difficulty: 

