I am new to CSS and was wondering if there was any way the following was possible.
I have created a table with a keyline - simple enough to do in html - but I was wondering if there was any way that I could create rounded corners?
Please see the attached image for an example. The top table is the simple one to create using cellspacing, cellpadding and background colours. The lower table is the effect I am after. I can almost manage it by placing a background image in the 'corner' cells but then the outside keyline screws it up. I've tried all sorts of things to get this done but I'm coming up short each time, so I figured that CSS might be the way to go?
Any help you can offer would be very much appreciated as I am slowly losing my mind with this one!
This article may help, http://mrclay.org/web_design/rounded/.
I have tried something similar using divs, i'm not sure how it will go with tables.
Hope that helps.
Thanks for your help Tony.
The url you gave me helped me to get it to work in IE but for some reason in Netscape there is a single pixel difference in the vertical positioning of the corner images ... sigh! Any idea why this would be so?
I'll keep working on it.