title: Remove White Border and vertical / Horizontal image in html table cell
body: <p>From my searching both on the wider web and on here it seems this is a question asked many many times but for the last few weeks I have not been able to find a answer that does what I want.</p>
  
  <p>I am using a third party (paid for) responsive template on blogger.com.</p>
  
  <p>I am creating a new page (not a post) that needs to have a html table.</p>
  
  <p>The first cell of each new row will contain an image which will always be the same size.</p>
  
  <p>I would like this image to be centered both vertically and horizontally, and I need the white border around the image removed.</p>
  
  <p>I know basic html and some CSS but with blogger templates the css tends to be within the html (from what i can tell).</p>
  
  <p>Here is my code:</p>
  
  <pre><code>&lt;style type="text/css"&gt;.nobrtable br { display: none } tr {text-align: center;} tr.alt td  {background-color: #eeeecc; color: black;} tr {text-align: center;} caption {caption-side:bottom;}    &lt;/style&gt;
  
  &lt;br /&gt;
  &lt;table border="2" bordercolor="#0033FF" cellpadding="5" cellspacing="0" style="background-color:  #99ffff; border-collapse: collapse; width: 100%;"&gt;&lt;tbody&gt;
  &lt;tr style="background-color: #0033ff; color: white; padding-bottom: 4px; padding-top: 5px;"&gt;
  &lt;th width="15%"&gt;&lt;span style="font-family: Arial, Helvetica, sans-serif;"&gt;Column 1&lt;/span&gt;&lt;/th&gt; &lt;!-- COLUMN NAME 1 --&gt;
  &lt;th width="20%"&gt;&lt;span style="font-family: Arial, Helvetica, sans-serif;"&gt;Column 2&lt;/span&gt;&lt;/th&gt; &lt;!-- COLUMN NAME 2 --&gt;
  &lt;th width="20%"&gt;&lt;span style="font-family: Arial, Helvetica, sans-serif;"&gt;Column 3&lt;/span&gt;&lt;/th&gt; &lt;!-- COLUMN NAME 3 --&gt;
  &lt;th width="20%"&gt;&lt;span style="font-family: Arial, Helvetica, sans-serif;"&gt;Column 4&lt;/span&gt;&lt;/th&gt; &lt;!-- COLUMN NAME 4 --&gt;
  &lt;th width="25%"&gt;&lt;span style="font-family: Arial, Helvetica, sans-serif;"&gt;Column 5&lt;/span&gt;&lt;/th&gt; &lt;!-- COLUMN NAME 5 --&gt;
  &lt;/tr&gt;
  &lt;tr class="alt"&gt;
  &lt;td&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;
  &lt;/div&gt;
  &lt;div class="separator" style="clear: both; text-align: center;"&gt;
  &lt;img border="0" src="http://imageshack.com/a/img661/6216/lOGXW9.jpg" /&gt;&lt;/div&gt;
  &lt;br /&gt;&lt;/td&gt;
  &lt;td&gt;Table Cell A2&lt;/td&gt;
  &lt;td&gt;Table Cell A3&lt;/td&gt;
  &lt;td&gt;Table Cell A4&lt;/td&gt;
  &lt;td&gt;Table Cell A5&lt;/td&gt;
  &lt;/tr&gt;
  &lt;tr&gt;
  &lt;td&gt;Table Cell B1&lt;/td&gt;
  &lt;td&gt;Table Cell B2&lt;/td&gt;
  &lt;td&gt;Table Cell B3&lt;/td&gt;
  &lt;td&gt;Table Cell B4&lt;/td&gt;
  &lt;td&gt;Table Cell B5&lt;/td&gt;
  &lt;/tr&gt;
  &lt;tr class="alt"&gt;
  &lt;td&gt;Table Cell C1&lt;/td&gt;
  &lt;td&gt;Table Cell C2&lt;/td&gt;
  &lt;td&gt;Table Cell C3&lt;/td&gt;
  &lt;td&gt;Table Cell C4&lt;/td&gt;
  &lt;td&gt;Table Cell C5&lt;/td&gt;
  &lt;/tr&gt;
  &lt;tr&gt;
  &lt;td&gt;Table Cell D1&lt;/td&gt;
  &lt;td&gt;Table Cell D2&lt;/td&gt;
  &lt;td&gt;Table Cell D3&lt;/td&gt;
  &lt;td&gt;Table Cell D4&lt;/td&gt;
  &lt;td&gt;Table Cell D5&lt;/td&gt;
  &lt;/tr&gt;
  &lt;/tbody&gt;&lt;/table&gt;
  </code></pre>
  
  <p>As a footnote to help anyone else who encounters my problem I have solved it by doing the following.</p>
  
  <p>add this to the main blog css to get rid of the white border:</p>
  
  <pre><code>.post-body img, .post-body .tr-caption-container, .Profile img, .Image img,
  .BlogList .item-thumbnail img {
    padding: 0 !important;
    border: none !important;
    background: none !important;
    -moz-box-shadow: 0px 0px 0px transparent !important;
    -webkit-box-shadow: 0px 0px 0px transparent !important;
    box-shadow: 0px 0px 0px transparent !important;
  }
  </code></pre>
  
  <p>and then use this to center the image:</p>
  
  <pre><code>&lt;td align="center" valign="center"&gt;&lt;img src="*image url*;" /&gt;&lt;/td&gt;
  </code></pre>
  
  <p>hope this is of help to others</p>