Free Css Menus. There are many websites out there that offer free css menus and buttons. We aim to be different. Our Css rollover maps, buttons and menus will show you that with thought and patience, anything is possible with css.

Curved Horizontal Menu

The working code:

Left Horizontal Menu

Right Horizontal Menu

Author: Free CSS Menus: www.freecssmenus.co.uk

Description: This horizontal menu shows how straight lines can be replaced with any shape you wish. The only draw back with this css script is that the width of each button cannot be altered to suit the amount of text within. I am still working on a way around this problem, but for now "It is what it is!"

Category: Menu Horizontal

Tested Browsers: AOL 9, Firefox 3.0.1, Opera 9.10, IE 7

Rate this script:

Rating: 4.5 / 5

16 ratings.

Comments:

Comment from: E Gadget

Ive been trying to come up with something similar for ages. Top Job!

Date posted: Tuesday 01 Sep, 2009

Read all Comments

Top of Page go back to top of page

More CSS related to this script:

Dark Flash Metal Menu. You may be mistaken for thinking that this menu was created using flash. CSS, basic xhtml and a single image were the only ingredients used to build this accessible horizontal menu. This and all CSS examples on this site, adhere to strict W3C compliancy.

Free Tabbed Navigation Menu. Tabbed navigation menus improve a users experience of your website as they can see at a quick glance exactly where they are on your website.

Red Horizontal Tabbed Menu. This Horizontal tabbed menu shows the user three different states: Normal, Hover and Active/Selected. This menu is still only using one image and the sliding doors technique.

Yellow CSS Drop Down Menu. This basic css drop down menu will de-clutter all your navigation links into one simple menu. Using the z-index command allows the horizontal menu to safely dropdown over the top of the rest of the webpage without distorting or moving any content. Try using a background image instead of a colour to really bring the menu to life.

Expandable Horizontal Curved Menu. Have the CSS buffs wondering how you did it with this expandable curved horizontal menu! A few months ago, I didn`t think this was possible with CSS... but after much playing around I finally got the result I was looking for.

Top of Page go back to top of page

CSS by Colour:

Red Pink Purple Blue Cyan Green Yellow Orange Light Dark

Latest CSS:

• Animated navigation menu
Great animated vertical menu. Our first submission by one of our visitors. Top M ...
Added: Monday 15 Feb, 2010

• CSS vertical numeric keypad
Stylish CSS vertical numeric keypad. ...
Added: Sunday 03 Jan, 2010

• Red Green and Blue Menu
These three css menus use subtle shades of red, green and blue, just enough to a ...
Added: Thursday 31 Dec, 2009

• 2010 Dark Gloss Nav
If you have a dark website, this glossy nav menu a perfect compliment for it. ...
Added: Wednesday 30 Dec, 2009

• Dark Flash Metal Menu
You may be mistaken for thinking that this menu was created using flash. CSS, ba ...
Added: Monday 30 Nov, 2009

Top Rated:

CSS World Map Rollover
I made the UK rollover map las ...

4.9 / 5 - 29 Ratings

Curved Horizontal Menu
This horizontal menu shows how ...

4.5 / 5 - 16 Ratings

Diagonal Horizontal Gr ...
This horizontal menu took quit ...

4.8 / 5 - 5 Ratings

Diagonal Horizontal Bl ...
This horizontal menu took quit ...

4.6 / 5 - 5 Ratings

Curved white css borde ...
Creating curved corners for yo ...

4.5 / 5 - 4 Ratings

CSS Tags:

Depth Design Purple Flash Style Sheets Menu Drop Down Png Alignment Script Centering Cascading Navigation Border Width Z-index Cyan Rating Blog Icon Rounded Animation Rollover Image Block Text-decoration Tutorials Expandable Tabbed Vertical Color Float Green Display Css Solar System Horizontal Watermark Website Template Light Transparency Menu Colour Yellow Gold Text Css 3d Grey Hypertext Orange Dark Style Sliding Doors Pink Opacity Url Blue Metal Positioning Forms Chrome Background Photo Gallery Red Font Texture Button Hover