與表格與圖像的CSS問題 - 包括屏幕截圖

-1

我正在一個項目，我已經讓我的phpmyadmin數據庫吐出一組6個圖像在我的網頁上。我把它放在桌子上，這是麻煩開始的地方 - 儘管聽起來很簡單！與表格與圖像的CSS問題 - 包括屏幕截圖

我需要圖像在水平線上的三位。

我將有6個圖像大部分時間，所以3％具有良好的間距/填充行等

我已經嘗試了很多東西，並與CSS發揮各地，但不能讓它開始工作。

這裏是（分別）實際的頁面和它的外觀，在CSS它與表的實際代碼/腳本：

實際的頁面

CSS爲表：table.Evidence td { padding:0px,10px,0px,0px; }

腳本爲表：

它看起來很容易，但我無法使它工作。

任何幫助將不勝感激！

我是新來的所以請耐心等待，直到我習慣了這個。

來源

2016-03-14 psplusb psplusb

歡迎堆棧溢出！尋求代碼幫助的問題必須包含在問題本身**中重現它所需的最短代碼**。請參閱[**如何創建最小，完整和可驗證示例**]（http://stackoverflow.com/help/mcve） –

複製並粘貼您的代碼，以便我們可以使用它來調試您的問題。 – mmativ

你<tr></tr>標籤應該是每一個第三圖像之後，所以如果你同時應該是：

if($i % 3 == 0){ 
echo "</tr></tr>"; 
} 
else{ 
echo "<td><img something...></td>"; 
}

而且必須在<table>標籤之後直接有一個<tr>開放標籤，以及一個</tr>直接關閉標籤在</table>標籤之前。

來源

2016-03-14 10:26:04

首先，如果您在一個命令中定義所有4個填充，則必須用空格分隔它們。

table.Evidence td { padding:0px 10px 0px 0px; }

這似乎也沒有使用表標籤的權利。使用tr，您正在添加棕褐色的新行，並且您正在添加一個新的單元格爲td。

2x2的單元格的表格看起來像：

<table border="1"> 
    <tr> 
     <td> 
      1 
     </td> 
     <td> 
      2 
     </td> 
    </tr> 
    <tr> 
     <td> 
      3 
     </td> 
     <td> 
      4 
     </td> 
    </tr> 
</table>

來源

2016-03-14 10:33:30

與表格與圖像的CSS問題 - 包括屏幕截圖

回答

相關問題