2016-05-07 13 views
0

私はウェブサイトを作成していますが、これまでのところ私のウェブサイトのデザインには隙間がありました。私は希望していませんでした。ブロック間にギャップがないので(例えば私は空白ナビゲーションバーの周り//黒い矩形)。私は自分のウェブサイトを作成するためにマスターページにHTMLテーブルを使用していますが、これまでは各セルの間に白い隙間がほとんどありません。私はそれを取り除きたいですが、私はどのように不明です。私はそれにCSSを追加する必要があるかどうかはわかりませんでしたが、私はまだかなり新しいHTMLと一般的なコーディングです。htmlデザインで不要な白い空白を削除するにはどうすればいいですか?

はここborder-collapse: collapse;を使用して、表領域内のすべての空白を削除するには、私のコーディング

<table style="width:100%"; cellpadding="0"; cellpacing="0"> 
      <tr> 
       <td style="background-color: #869d92" ;class="auto-style1" rowspan="4" class="auto-style1">f</td> 
       <td style="background-color: #e9e9e9; height:150px"> 
        <asp:ContentPlaceHolder ID="cphh_header" runat="server"> 
        </asp:ContentPlaceHolder> 
       </td> 
       <td style="background-color: #869d92";class="auto-style1" rowspan="4">f</td> 
      </tr> 
      <tr> 
       <td style="background-color:black; height:1.7cm"> 
        <asp:ContentPlaceHolder ID="cphh_nav" runat="server"> 
        </asp:ContentPlaceHolder> 
       </td> 
      </tr> 
      <tr> 
       <td style="background-color:white; height:1307px"> 
        <asp:ContentPlaceHolder ID="cph_main" runat="server"> 
        </asp:ContentPlaceHolder> 
       </td> 
      </tr> 
      <tr> 
       <td style="background-color: #7a7a7a;height:4.82cm"> 
        <asp:ContentPlaceHolder ID="cphfooter" runat="server"> 
        </asp:ContentPlaceHolder> 
       </td> 
      </tr> 
     </table> 
+0

HTMLはコード内の要素間の空白を尊重します。セル間のスペースを削除すると役立ちます –

答えて

0

です。ウェブサイトの空白をすべて削除するには、margin: 0;を使用してください。

body { margin: 0; } 
table { border-collapse: collapse; } 
関連する問題