Hi all,
Is it possible to create a curve like structure using box property of css?This would be useful instead of buttons for the navigation. Are there any code snippets available for that?
| SitePoint Sponsor |
Hi all,
Is it possible to create a curve like structure using box property of css?This would be useful instead of buttons for the navigation. Are there any code snippets available for that?


You mean rounded corners?
There are a few ways to do it.
One way (for the various page sections) is to use Sitepoint's own Spanky Corners, available at http://tools.sitepoint.com/spanky/
For menus, you can use the Sliding Doors technique:
http://www.alistapart.com/articles/slidingdoors/
http://www.alistapart.com/articles/slidingdoors2/
You also have custom corners and borders as well:
http://www.alistapart.com/articles/customcorners/
http://www.alistapart.com/articles/customcorners2/
CSS Sprites may be of interest to you:
http://www.alistapart.com/articles/sprites/
And last, but not least, we have Mountaintop Corners:
http://www.alistapart.com/articles/mountaintop/
Save the Internet - Use Opera | May my mother rest in peace: 1943-2009
Dan Schulz - Design Team Advisor | Follow me on Twitter
SitePoint References: HTML CSS JavaScript | Become A Guru
WordPress SEO Checklist | What WordPress Plugins Do You Use?
Web Standards Curriculum | Image Free Equal Height Columns
Bookmarks