SOLUTION: Borders with rounded corners
| Project: | Rounded corners |
| Version: | 5.x-1.x-dev |
| Component: | Miscellaneous |
| Category: | feature request |
| Priority: | normal |
| Assigned: | Unassigned |
| Status: | active |
Jump to:
Hi everyone, I have been wanting rounded corners with borders for some time, and I find the rounded corners module works much better than most over all platforms and I did a little investigating an found this
* jQuery corner plugin
*
* version 1.92 (12/18/2007)
http://jqueryjs.googlecode.com/svn/trunk/plugins/corner/jquery.corner.js
and this:
http://malsup.com/jquery/corner/
All you have to do is wrap your divs in an inner and out div, and bam it works.
I realize people are going to say, can you automate it so I do't have to wrap all my divs, so this is why I'm putting it in as a feture request, but if you are willing to wrap a div tag or two (as in my case) you do not need to modify this module to get it to work.
Content Goes Here
In rounded corners:
$(".inner").corner("round 7px").parent().css('padding', '1px').corner("round 7px")
or whatever you wish!
Cool!

#1
Hi, thanks.
Is it my imagination or is Jquery corners drawing corners with less quality than the javascript called curvy corners (http://www.curvycorners.net/index.php)?
#2
I think you are correct - I just prefer this over curvy corners - to be honest I don't remember why I chose one over the other, I think I had problems with some browsers and this worked better. Use what works best for you!