删除表格图像之间的填充

时间:2017-07-28 23:41:15

标签: html css html-table padding spacing

对于我的生活,我不能摆脱徽标和它下面的其他图像之间的填充。我已经圈出了间距。图像应相互冲洗。没有空白区域。我错过了什么?

screenshot

我的代码:

table {
  border-spacing: 0px;
}

tr {
  padding: 0px;
}

td {
  padding: 0px;
}

td.purpSpacerAlign {
  vertical-align: bottom;
}

img {
  vertical-align: top;
}
<table>
  <tr>
    <td colspan="9">
      <img src="images/logo_lt.gif"></td>
    <td colspan="3">
      <img src="images/logo_rt.gif"></td>
  </tr>

  <tr>
    <td>
      <img src="images/purple_line_lt.gif" width="23" height="27"></td>
    <td>
      <img src="images/nav_grad_home.gif"></td>
    <td>
      <img src="images/spacer.gif" width="32"></td>
    <td>
      <img src="images/spacer.gif" width="32"></td>
    <td>
      <img src="images/spacer.gif" width="32"></td>
    <td>
      <img src="images/spacer.gif" width="32"></td>
    <td>
      <img src="images/spacer.gif" width="32"></td>
    <td>
      <img src="images/spacer.gif" width="5"></td>
    <td>
      <img src="images/spacer.gif" width="20"></td>
    <td>
      <img src="images/logo_crafts.gif"></td>
    <td>
      <img src="images/top_grad_line.gif"></td>
    <td class="purpSpacerAlign">
      <img src="images/spacer_purple.gif"></td>
  </tr>
</table>

2 个答案:

答案 0 :(得分:0)

没有任何背景,这很难回答。我假设这是一个HTML表格?虽然这只是一种解决方法,(没有看到你的代码),

尝试将此添加到您的HTML中以查看它是否有帮助:

getline()

答案 1 :(得分:0)

直接在元素上

-r@domain.com

使用CSS

<table cellspacing="0" cellpadding="0">