I was following the rounded table borders tutorial, and at one point, it has it arranged in 3 table rows:one for the top, one for the bottom, and one in the middle. The top and the bottom are images, and the middle one is simply a background color.
Now heres the problem. I already applied a 1px border to the images, but when I go to apply a border to the middle row, the one with simply a background, nothing happens. No border at all. I’m gonna post the css and the html for the table.
CSS:
div.table
{
position:absolute;
top:125px;
left:200px;
}
.topimage
{
background-image:url(http://www.ectheo.com/images/website/top2.png);
background-repeat:no-repeat;
}
.bottomimage
{
background-image:url(http://www.ectheo.com/images/website/bottom2.png);
background-repeat:no-repeat;
}
.backcolor
{
background-color:B3E6B3;
border:1px;
}
HTML:
<div class="table"><table width="600px" cellpadding="0" cellspacing="0">
<tr><td height="33px" class="topimage"></td></tr>
<tr><td class="backcolor">This is where the text should go....</td></tr>
<tr><td height="33px" class="bottomimage"></td></tr>
</table></div>
The div.table is simply for the positioning of the table on my website. Feel free to notify me of any other problems besides the one I’m having.
