How does one round TABLE corners with JS or CSS?

Question

I've got a plain html table, and I'd like to round its corners in some way that is more automated than creating a different image for each foreground/background combination. Oh, and it absolutely must work with IE7. Anyone know of such a library?

Answer 1

Here's a nice round-up of rounded corners techniques both with and without JavaScript: CSS Rounded Corners 'Roundup' . If you're primarily targeting IE7, you'll want to avoid anything that requries CSS3. You'll also want to consider your priorities. For example, is it more important to you to have the best looking rounded corners (eg really good anti-aliasing) or is it more important to you to avoid a JavaScript dependency? Do you need to put rounded corners on objects whose size can change or only on objects of a fixed size?

Answer 2

You could use Rico Corner (requires prototype )

It's used on SlimTimer