# Rounded Table Tutorial

**URL:** <https://forum.kirupa.com/t/rounded-table-tutorial/216151>\
**Category:** web dev\
**Created:** [February 14, 2007, 2:59am UTC](https://forum.kirupa.com/t/rounded-table-tutorial/216151 "2007-02-14T02:59:32Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![BrandonTN](https://avatars.discourse-cdn.com/v4/letter/b/f475e1/32.png) [@BrandonTN](https://forum.kirupa.com/u/BrandonTN)\
**Post date:** [February 14, 2007, 2:59am UTC](https://forum.kirupa.com/t/rounded-table-tutorial/216151/1 "2007-02-14T02:59:32Z")

</div>

The Problem i am having is witch the rounded table tutorial,  
[http://www.kirupa.com/css/rounded\_corners.htm](http://www.kirupa.com/css/rounded_corners.htm)  
I have the top image and bottomimage correct but the middle row is longer then both my images and I cant seem to fix it.

It works perfectly in his tutorial. but not when i try it :crazy: lol

```auto

<table width="643" border="0" cellspacing="0" cellpadding="0">
  <tr><td width="643" height="20px" class="topimage" ></td></tr>
  <tr><td class="backcolor"><p>All Important info Here</td></tr>
  <tr><td height="30" class="bottomimage"></td></tr>
</table>

```

Thats what i got for the table code exact same i belive

```auto
<style>
.topimage{background-image:url(Images/topimage.jpg);

background-repeat:no-repeat;

background-color:#4387C8;}
 
.bottomimage{background-image:url(Images/bottomimage.jpg);

background-repeat:no-repeat;

background-color:#4387C8;}
 
.backcolor{background-color:#4387C8;}
</style>

```

thats what i got for the CSS same thign except the colors