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

Horizontal menus CSS

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


    Pages: 1 2 3

Page 1
1.Simple horizontal menu.


Use display: inline; and list-style-type: none; to make a basic horizontal list.
 
2.Rollover horizontal menu

Use display: inline; and list-style-type: none; to set a basic horizontal list. Use padding and background color on the "a" element to achieve colored blocks. Use a different background color on the a:hover to achieve a rollover effect.
 
3. Rollover horizontal menu navbar.

To convert the previous list into a navbar, style the UL with float: left and width: 100%.
 
4.Rollover horizontal menu with left border.

Add border-lleft  to your  menu.
Use a different background color on the a:hover to achieve a rollover effect.
 
5.Rollover horizontal menu with left and right borders.

Add border-left and border-right.
 
6.Floats horizontal menu .

Floats the active tab to the right while keeping the rest in a black grid thing. Turns black/white on hover.
 
Page 1
    Pages: 1 2 3