Rounded Table Tutorial

[BrandonTN]

The Problem i am having is witch the rounded table tutorial,
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



<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


<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

[kdd]

it could be that little <p> tag.

btw, to help others read code clearly, you should write code like this:


a
{
color:#ffffff;
}
p
{
margin-top:1cm;
}

This'll help others read code easily (because I had a hard time reading that css) :)

Also, you really don't need border="0" and such... At least, I don't do that. :beam:

[BrandonTN]

it could be that little <p> tag.

btw, to help others read code clearly, you should write code like this:


a
{
color:#ffffff;
}
p
{
margin-top:1cm;
}
This'll help others read code easily (because I had a hard time reading that css) :)

Also, you really don't need border="0" and such... At least, I don't do that. :beam:

I fixed it no worries