境界線を持たないテーブルセル間のスペース

Question

テーブルに入れたこの2つのイメージの間のスペースのサイズを小さくしたいだけです。私はこれが単なる基本的なHTMLコードであることを知っています。私を助けてください。

これはコードです：

<table class="sample" width="200" border="0" cellpadding="1" cellspacing="1" > 
<tr> 
<td align="center" valign="center"> 
    <a href="#" ><img src="images/reception2.png" alt="" /></a> 
    </br> 
    SERVICES 
    </td> 

<td align="center" valign="center"> 
<a href="#"><img src="images/services2.png" alt="" /></a> 
    </br> 
    OFFERS 
</td> 
</tr> 
</table> 

Answer 1

それはあなたが使用しているCSSを見ずに助言するのは難しいです。あなたはテーブルの幅を調整しようとすることができます。ここ

デモ：

.sample { 
    width: 200px; 
} 

変更働くものは何でもする幅：http://codepen.io/sol_b/pen/VmQGzr

あなたはこのように、あなたのテーブルの上にインラインスタイルを削除して、あなたのCSSでそれをターゲットにすることができます。

Answer 2

CSSのmarginプロパティを使用できます。あなたの質問については、サービスimgのmargin-right、提供者のmargin-leftのimgが適切な解決策です。

はこのスニペットを追加してください：

<img src="images/reception2.png" alt="" style="margin-right: -25px"/> 

<img src="images/services2.png" alt="" style="margin-left: -25px"/> 

また、あなたは最終的に、適切な番号を見つけるために、番号範囲を変更することができます。