title: CSS/CSS3 - How to make background-color in table row without spaces between table-cells?
body: <p>I have table and I have to use css rule to separate table-cells (<code>border-spacing: 10px;border-collapse: separate;</code>), but when I to put background-color in table row, then it shows this color in each table-cell with 10px spaces. Is there a way how to workaround it. I have to put this background color in row without spaces ? Thank you very much.</p>
  
  <p>HTML:</p>
  
  <pre><code>&lt;table style="border-spacing: 10px;border-collapse: separate;"&gt;
                  &lt;tr&gt;&lt;td style="text-align:left;"&gt;&lt;b style="color: #32598A;"&gt;Course Name&lt;/b&gt;&lt;/td&gt;&lt;td style="text-align:left;"&gt;&lt;b style="color: #32598A;"&gt;Days&lt;/b&gt;&lt;/td&gt;&lt;td style="text-align:left;"&gt;&lt;b style="color: #32598A;"&gt;Start&lt;/b&gt;&lt;/td&gt;&lt;td style="text-align:left;"&gt;&lt;b style="color: #32598A;"&gt;End&lt;/b&gt;&lt;/td&gt;&lt;td style="text-align:left;"&gt;&lt;b style="color: #32598A;"&gt;Location&lt;/b&gt;&lt;/td&gt;&lt;td style="text-align:left;"&gt;&lt;b style="color: #32598A;"&gt;Price&lt;/b&gt;&lt;/td&gt;&lt;/tr&gt;
                  {section name=open_trainings loop=$open_trainings_all}
                              &lt;tr&gt;&lt;td style="text-align:left;"&gt;&lt;a style="color: #5DA9DD;" href="/{$country}/{$lang}/{$open_trainings_all[open_trainings].CategoryID}_{if $open_trainings_all[open_trainings].CategoryID == "15"}{foreach from=$category_15 item=CAT}{$CAT.friendlyTitle}{/foreach}{/if}{if $open_trainings_all[open_trainings].CategoryID == "16"}{foreach from=$category_16 item=CAT}{$CAT.friendlyTitle}{/foreach}{/if}/{$open_trainings_all[open_trainings].Code}_{$open_trainings_all[open_trainings].friendlyTitle}.html?do=course"&gt;&lt;b&gt;{$open_trainings_all[open_trainings].Title}&lt;/b&gt;&lt;/a&gt;&lt;/td&gt;
                              &lt;td style="text-align:left;"&gt;{$open_trainings_all[open_trainings].Days}&lt;/td&gt;
                              &lt;td style="text-align:left;"&gt;{$open_trainings_all[open_trainings].LocalDateStart}&lt;/td&gt;
                              &lt;td style="text-align:left;"&gt;{$open_trainings_all[open_trainings].LocalDateEnd}&lt;/td&gt;
                              &lt;td style="text-align:left;"&gt;&lt;img src="/storage/images/flags/flags2/{$open_trainings_all[open_trainings].Flag}" alt="flag" /&gt;&lt;br /&gt;({$open_trainings_all[open_trainings].Country})&lt;br /&gt;{$open_trainings_all[open_trainings].Location}&lt;/td&gt;
                         {if strpos($smarty.server.REQUEST_URI,'/us/')}
                              &lt;td style="text-align:left;"&gt;{$open_trainings_all[open_trainings].Priceus} USD&lt;/td&gt;
                         {else}
                              &lt;td style="text-align:left;"&gt;{$open_trainings_all[open_trainings].Priceau} AUD&lt;/td&gt;
                         {/if}
                              &lt;td style="text-align:left;"&gt;&lt;a style="color: #5DA9DD;" href="/{$country}/{$lang}/7_contacts.html?form=3&amp;acode={$open_trainings_all[open_trainings].Code}&amp;l={$open_trainings_all[open_trainings].Location}&amp;d={$open_trainings_all[open_trainings].StartDate}"&gt;Registration&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
                  {/section}
  &lt;/table&gt;
  </code></pre>