PHP scripts and programs for Beginner to Master

php programs, php ready to use scripts & functions, css tutorials, html, javascripts, ajax examples for Beginner to Master


Today i will be showing you how to create a simple 1 level vertical navigation menu with the help of css.
It is very easy and same like the 1 level horizontal navigation menu.

So lets start,

For this we will be using one image

first we will create a simple code to display "unordered list" with ul and li 

So now our display of the ul will be like this

Now we will apply our css to this ul

After applying this css our menu will look like this

Full code of the vertical menu with css is as, just copy and paste it, and modify links and its over.

I'm reading: Simple css 1 level Vertical navigation menuTweet this!


Post a Comment