In this post I am going to explain you that how to make a nice vertical menu with light weight CSS (i.e. 2kb). This menu is fully compatible with all standard browsers like IE6-7, Mozilla Firefox, Opera and Safari.
Some time back I wrote tutorial about How to Design a Nice Vertical Menu with CSS where I couldn't used working example. Now this time I am going to show you working example.
I have used one image, some lines of html and a 2kb CSS to make this menu. Here's final menu look that we are going to acheive:
Use following html code:
Attach following CSS in your page between <head></head> tag:
Copy following image in your image folder:
Thats all. Thanks.
Do you have any problem to implement, leave a comment.