2 replies [Last post]
theUKdude
Offline
newbie
Bath, UK
Last seen: 15 years 42 weeks ago
Bath, UK
Joined: 2003-09-30
Posts: 2
Points: 0

Hi,

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!

Many thanks,

Tony
Tony's picture
Offline
Moderator
Brisbane
Last seen: 15 hours 38 min ago
Brisbane
Timezone: GMT+10
Joined: 2003-03-12
Posts: 5342
Points: 2963

Table Corners

Hi theUKdude,
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.

theUKdude
Offline
newbie
Bath, UK
Last seen: 15 years 42 weeks ago
Bath, UK
Joined: 2003-09-30
Posts: 2
Points: 0

Table Corners

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.

Many thanks,