Click to See Complete Forum and Search --> : rounded tables


kitari
11-25-2008, 11:47 AM
Is it possible to do a rounded table with css? Stupid question!=) I already know, but it would be nice if someone could give me the coding.

I've visited a number of sites in the past that have given me methods that just haven't worked or the coding has been wrong. Last time I tried this, I had to color the <td>s and for some reason, there was a space as if I had set a cellpadding/spacing. If anyone could help, it'd be great.

KDLA
11-25-2008, 03:51 PM
If the table is a fixed width, I suggest you nest the table in two divs and apply the corners to each div.

<div id="topcorners" style="background: url(topcorners.gif) no-repeat top; width: 500px; padding-top: 10px;">
<div id="bottomcorners" style="background: url(bottomcorners.gif) no-repeat bottom; padding-bottom: 10px;">
<table>
</table>
</div>
</div>