2014-09-05 77 views
0

我想在表格數據中創建一個表格。但我看到外表和內表之間的差距,我不想要。我不會附着在圖像表中沒有CSS中的兩個邊框空間的表格

我的代碼:

<table class="clearfix sureIQTable scanoTable borderGray TableBottomBorder" id="softTissue"> 

    <tr> 
    <th nowrap="nowrap" style= "width:1px; background-color: #88A4BB;"></th> 
    <th nowrap="nowrap" style="width:87px; background-color: #88A4BB;"></th> 
    <th class="textLeft" style="font-size:12px" colspan="17"> 
    <span class="textLeft"><xsl:value-of select="ScanModeParam/comment"/></span> 
    </th> 
    </tr> 
    <tr> 
    <th class="textLeft" colspan="3" style="background-color: #88A4BB;vertical-align:top;font-size:15px;font-weight:normal; white-space: nowrap;"><img src="images/GG_Helical.png" alt=""/><br></br>                

     <td> 
     <table width="100%"> 
     <tr > 
     <th class="textCenter width30px" style="font-size:14px;font-weight:bold">Start</th> 
     <th class="textCenter width100px" style="font-size:14px;font-weight:bold"><xsl:value-of select="ScanModeParam/StartTime/@DisplayName"/></th> 
     <th class="textCenter width100px" style="font-size:14px;font-weight:bold"><xsl:value-of select="ScanModeParam/WaitTime/@DisplayName"/></th> 
    <th class="textCenter width100px" style="font-size:14px;font-weight:bold">Start Position(mm)</th> 
    <th class="textCenter width100px" style="font-size:14px;font-weight:bold"><xsl:value-of select="ScanModeParam/Range/@DisplayName"/></th> 
    </tr> 
    </table> 
    </td> 
    </tr> 
    </table> 

誰能幫我

感謝

+1

納亞克CSS嗎? – 2014-09-05 13:09:31

+0

定義codepen/jsfiddle需要。 – 2014-09-05 13:10:09

+1

發佈HTML代碼(不是用於生成它的XSL代碼)和實際證明問題的CSS代碼。 – 2014-09-05 13:30:01

回答

0
<table width="100%" border="0" cellpadding="0" cellspacing="0"> 
+0

我試過bt不工作。但是如果我使用位置:絕對,那麼沒有間隙,但是從右側開始擠壓寬度。任何幫助? – 2014-09-05 14:27:08

+0

發佈您的css代碼和html代碼 – 2014-09-05 14:36:27

+0

Hi Samuele,代碼庫非常冗長。我將發佈自定義代碼。但我的問題很簡單。我正在創建一個如下所示的表格。

\t \t \t \t \t​​ \t \t
\t \t \t \t \t \t \t \t
\t​​ 默認情況下,CSS內部表和外部行之間存在間隙。我的要求是我不想要這個差距。 – 2014-09-05 15:23:45

0

你能試試嗎?

使單元格之間沒有空格使用border-collapse:collapse;

對於CSS

table{ 
    border-collapse: collapse; 
    border-spacing: 0px; //It is for IE 
} 
+0

我試過bt不工作。但是如果我使用位置:絕對,那麼沒有間隙,但是從右側開始擠壓寬度。任何幫助? – 2014-09-05 14:22:54

+0

你現在可以說你的o/p嗎?和,你的期望o/p? – 2014-09-08 05:30:25