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!

Comments

JohnnyMoney’s picture

JohnnyMoney commented

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)?

kirikintha’s picture

kirikintha commented

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!

ron williams’s picture

ron williams commented
Status: Active » Fixed

Borders now work in the 2.x version of the module which includes the latest version of the rounded corners library. The newer library also improves corner rendering.

Status: Fixed » Closed (fixed)

Automatically closed -- issue fixed for 2 weeks with no activity.