Vertical List Menu
Tuesday, May 27th, 2008Make a simple, cross browser compatible list menu using css.
http://jamesowers.co.uk/css-tutorials/10/vertical-list-menu/
![]() |
| The Machine | Search for a cog | Submit a cog | Photoshop Videos | Machine Talk |
Make a simple, cross browser compatible list menu using css.
http://jamesowers.co.uk/css-tutorials/10/vertical-list-menu/
In this article, you’ll learn how to create an image pre-loader without Javascript. CSS is the technique we are going to use. No fancy and hard to understand codes, but the smart use of codes you already know about.
To visit:
http://www.divitodesign.com/2007/11/create-an-image-pre-loader-with-css-only/
In this guide, you will learn how to start to use CSS. Hopefully by the end of this tutorial you will be much more comfortable using CSS to code websites.
To visit: http://jamesowers.co.uk/css-tutorials/14/beginners-guide-to-css/
A quick tutorial about how-to create a dynamic horizontal navigation bar and how to add the current state using CSS and PHP.
http://www.finalwebsites.com/tutorials/css-navigation-bar.php
In this tutorial, you’ll learn how to set up CSS to be most efficient and flexible for your designs.
http://www.brainbell.com/tutorials/HTML_and_CSS/TOC_Using_CSS.html
One of the coolest things about CSS is that you can style features such as margins, borders and padding. It’s not even just being able to style such things that I find so exciting, but the flexibility we have with the styles available.
To view:
http://www.brainbell.com/tutorials/HTML_and_CSS/TOC_Margins,_Borders,_and_Padding.html
In this tutorial, you begin by creating simple styles for links and then progress to multiple link styles. You’ll then learn to manage lists with CSS. Finally, you’ll work with lists and links for both vertical and horizontal navigation. Along the way, you’ll be introduced to new CSS properties, as well as a number of selector types you’ve not worked with just yet.
To view, click here:
http://www.brainbell.com/tutorials/HTML_and_CSS/TOC_Link_Effects,_Lists,_and_Navigation.html
The CSS property Overflow can be used when displaying content. It regulates the scrollbars. This property is a tricky one, which I had got some problems with in the past. Do you want to expand your DIV’s? Or when they get to a specific height, let some scrollbars appear? Read this tutorial and learn!
To view this tutorial:
http://www.divitodesign.com/2007/12/css-how-to-use-overflow/
This tutorial will teach you a few “tricks of the trade” that will help save you time and make your css-coding life easier all around.
To visit, click here: http://tb-one.se/2007/12/21/css-tips-and-trix/
Learn how to change the opacity of an object by default or on rollover using CSS.
To view this tutorial: http://www.depiction.net/tutorials/css/opacity.php