Menus

Here you'll find full CSS menus. Feel free to use them, though a link back would be appreciated.

01 Green Menu


This clean menu contains no image. It has a :hover effect which makes it turn to green. There are a few obligations with this menu.

  • the width of the list must be fixed (here: 400 pixels)
  • the width of each link must be the same, and the sum of all must equal the list's width (here it's 4*100 pixels = 400 px)

Try to play with colors in order to create different types of this menu.

Works on: IE6, IE7, FF, Opera, Safari.

Info

I try to post here only menus that work on the 5 most popular web browsers :

CSS 2 can achieve much more but the problem of web browser compatibilty would cause advanced CSS menus to work only on part of the browsers. And I want a solution that you can use no matter what browser your visitor has.

There is some inline CSS in order to override my global CSS properties. Just make a combination of the menus.css file and the inline properties to get all the code you need.