rounded rectangle table data

admin

Administrator
Staff member
'm looking for code to display a rectangle around my table data that has rounded edges. The following has the rounded edges for the top edge but the line between the two corner gifs does get filled in.<br />
Does anyone have any suggestions ?<br />
<br />
Thanks,<br />
Marty<br />
<br />
<tr><br />
<td valign="top" background="topEdge.gif"><img src=http://www.webdeveloper.com/forum/archive/index.php/"topLeftCorner.gif" width="14" height="14" ><br />
</td><br />
<td valign="top" background="topEdge.gif"><img src=http://www.webdeveloper.com/forum/archive/index.php/"blank.gif" width="14" height="14"><br />
</td><br />
<td valign="top" background="topEdge.gif"><img src=http://www.webdeveloper.com/forum/archive/index.php/"topRightCorner.gif" width="14" height="14" ><br />
</td><br />
</tr><!--content-->Trail and Error produced as satisfactory solution:<br />
<br />
<tr><br />
<td style="background-image: url(topEdge.gif); background-repeat:repeat-x;<br />
background-position:1pt 1pt;"><br />
<img src=http://www.webdeveloper.com/forum/archive/index.php/"topLeftCorner.gif"><br />
</td><br />
<td style="background-image: url(topEdge.gif); background-repeat:repeat-x;<br />
background-position:1pt 1pt;"><br />
<img src=http://www.webdeveloper.com/forum/archive/index.php/"blank.gif"><br />
</td><br />
<td><img src=http://www.webdeveloper.com/forum/archive/index.php/"topRightCorner.gif"><br />
</td><br />
</tr><!--content-->
 
Back
Top