BLOGGERSTIP.COM                                     

Create your blog/site with us

FREE TOOLS

MY GUESTBOOK


If you have any comments,questions or suggestion Please visit my


LINK TO US


Please help us promote this site. Simply add this HTML code to your blog or site.Thank you!

DONATION


We need your help!
Please donate a small amount and sponsor us.Thank you!



Bookmark and Share AddThis Feed Button

SPONSORS


Your Ad Here

Vertical menus CSS

All menus tested in Firefox 1.* 2.*  Internet Explorer 5.* 6.* 7.* Opera 8.* 9.* Safari 1.0*


    Pages: 1 2 3 4

Page 1
1.Simple vertical list HTML

The basic list has four "hooks" that can be used to apply styles. None of the samples use more than two hooks - an overall hook and an active hook.

 

2.Simple vertical list with square bullets
Use list-style-type: square to change the bullets to squares.

 

 

3.Simple vertical list with circle bullets
Use list-style-type: circle; to change the bullets to circles.


 

4.Simple vertical slidetabsmenu HTML
The basic vertical menu with context



 

5.Simple vertical separators menu


 

6.Vertical menu with background images for bullets.
Use background-image: url(pics/arrow.gif) to add images to the background of each list item. Use padding to shift the content so that it does not overlap the background image.


 

Page 1
    Pages: 1 2 3 4