I am sleeping on this one for a long time. Is there a way to add rounded corners to a DOM element without too much hassle, CSS hacks, too many DOM elements, background images, etc, so it would look perfect?
The workarounds I’ve found so far don’t provide the right stuff, or at least… maybe I wasn’t looking in the right place.
Anyway, the thing I’m working on, it’s something that can be addapted in prototype v1.6.0 and most of the it’s based on the MochiKit JS library which I just discovered.
So, if you look inside the Visual component of the library, you’ll see the RoundedCorners related methods, and everything on how to make sure the corners work. It’s all JS, and CSS work: background colors, paddings, etc.
I love the idea of MochiKit, never played with it before, it’s licensed under MIT, however, I don’t want to switch from prototype at the moment. But - if MochiKit proves to be better, then switching is what I’ll consinder to be doing next!
Now, I’ll be working to integrate the rounded corners part into a Prototype library based class and maybe share the code once I’m sure it’s close to perfection. If you can’t wait, at least you got a start!
Cheers!
Vladimir
P.S. Some links after more search:
http://www.editsite.net/blog/rounded_corners.html
http://www.cssplay.co.uk/boxes/chunky.html
Quick update: not a fan of JQuery, but here’s Michael’s implementation for this library.
