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.
advert
advert
advert
advert
advert
advert

Curved white css borders

image The working code:

CSS Generator

If you would like to design your own CSS Menu, visit our FREE CSS menu generator today. Its fast and easy to use !!!

Free CSS Menu Generator

If you are more interested in downloading some more of our css borders Click Here!

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

Description: Creating curved corners for your containers can be a tricky business, especially when you want them to expand and collapse for different volumes of content. This code does the job, the only problem is the top right and top left images can become overlapped when the container is at its smallest.

Category: Borders

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

Rate this script: Rating: 4.5 / 5
4 ratings.

Comments:

Comments
Comment Icon Comment from: mariana

Thats alot of DIV Tags but the result is sweet. 5 Stars! Looking forward to some more examples of borders with CSS.

Date posted: Saturday 23 May, 2009

Read all Comments

Post Your Comments Post your comments!






Match Random Colour
Match Random Word!

Note: Comments are checked before they are displayed.
Please read our Terms & Conditions before submitting any comments

Top of Page go back to top of page

More CSS related to this script:

Icon Yellow Rollover Button Icon Yellow Rollover Button. Some visitors to your websites may have poor vision or disabilities which prohibits them from clicking on small buttons easily. This problem is easily remedied with very little css code and minimal effort... and it looks better than your boring old hypertext. Don`t forget that even though scripts like this use images, they are still just hypertext! Multi Colour Buttons Multi Colour Buttons. Have fun using these multi coloured css buttons in your website. Dont forget that our free css button creator utility will be up and running soon! Green Push Button Green Push Button. This green push button shows a little more movement than other CSS buttons. The dimentions may have to be tweaked a little when altering the button text but just have a play with the CSS and see what you can come up with yourself. There are more Cascading Style Sheets on this website for you to view and use on your websites... just take a look. CSS World Map Rollover CSS World Map Rollover. I made the UK rollover map last year and thought that it was about time the internet had a descent CSS rollover world map... well here it is. Before I start getting emails, I know that this map is geologically inaccurate but it was the best map that I could find to use for this example. It is impossible to use the sliding doors technique with this example. To avoid slow down upon rollover you could use javascript to preload the images in the HEAD section of the code. Diagonal Horizontal Green Menu Diagonal Horizontal Green Menu. This horizontal menu took quite a few hours to perfect but hopefully, the result is quite effective. The only way to create this effect (and I tried all of them)was to change the width, background-image and z-index apon the hover state. If there are any other ways of acheiving this effect with CSS please let me know.

Top of Page go back to top of page

 

 

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 ...
Rating 4.9 / 5
4.9 / 5 - 29 Ratings

Curved Horizontal Menu
This horizontal menu shows how ...
Rating 4.5 / 5
4.5 / 5 - 16 Ratings

Diagonal Horizontal Gr ...
This horizontal menu took quit ...
Rating 4.8 / 5
4.8 / 5 - 5 Ratings

Diagonal Horizontal Bl ...
This horizontal menu took quit ...
Rating 4.6 / 5
4.6 / 5 - 5 Ratings

Curved white css borde ...
Creating curved corners for yo ...
Rating 4.5 / 5
4.5 / 5 - 4 Ratings

CSS Tags:

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

Terms & Conditions | Free Url Submission | Site Map | Contact | Links |

CASH 4 GOLD

W3c compliant (XHTML)    W3c Compliant (CSS)   CSS (Design) - TOP.ORG   Web Development & Design Blogs - Blog Top Sites

Css is one of the main ingredients for a User-friendly, Accessible website.
A good web designer should make every effort not to discriminate against those with disabilities.

Thank-you for visiting Free CSS Menus today: Tuesday 09th of March 2010