Giving table rows a solid, continuous background color

Question

Hello,

I am using a table with 1 column and three rows. I would like to give all 3 rows a solid, continuous background color. How could I do this?

Thanks in advance,

John

    echo "<table class=\"samplesrec\">"; 

    echo '<tr class="class2">';
    echo '<td class="sitename1"></td>';
    echo '</tr>';

    echo '<tr>';
    echo '<td class="sitename2name"></td>';
    echo '</tr>';

    echo '<tr>';
    echo '<td class="sitename2"></td>';
    echo '</tr>';

    echo "</table>";

Answer 1

.sitename1
{
   background-color: xxx;
   border-left: 1px solid xxx;
   border-right: 1px solid xxx;
}

maybe?

Answer 2

Wouldn't you just apply a background-color to your entire table? I don't have time to test, unfortunately.

.samplesrec{
  background-color:#XXX;
}

Answer 3

If you collapse the borders and put no spacing between it will make a solid background.

table {
    border-collapse:collapse;
    border-spacing:0;
}

http://jsfiddle.net/robert/HpQjd/

Answer 4

This will make the column have a blue background and black border on the sides.

.samplesrec
{
  border-collapse: collapse;
  border-spacing: 0px;
}

.samplesrec td
{
  border: 0px 1px;
  border-style: solid;
  border-color: #000000;
  background-color: #0000ff;
}