css - 神秘的底边

Question

我答应更改电子商务网站上的 Logo ，虽然这需要几分钟，但已经花了好几个小时。所以我希望有更多 CSS 经验的人可以帮助我。

这是网站: http://varuosad.ee/

我似乎做不到 <tr>包含与图像一样高的图像(155px)，无论我将图像制作多高，<tr>高度恰好高出 2 个像素。根据 2 个像素，我猜它是边框间距为 2px 的用户代理样式表，但重写它并没有帮助。

这是有问题的部分(它是带有语言选择和主 Logo 的 block ):

<table class="table_right">
  <tbody>
    <tr>
      <td class="sub_row_1 bg_ylemine_riba">
        <a href="/">
          <img src="/assets/img/bg_ylemine_riba.jpg" alt="">
        </a>
        <a href="/changelanguage/en">
          <img class="lang_right" src="/assets/img/eng.gif" alt="">
        </a>
        <a href="/changelanguage/et">
          <img class="lang_left" src="/assets/img/est.gif" alt="">
        </a>
      </td>
    </tr>
    <tr>
      <td class="sub_row_2">
        <a href='/'>
          <img class='soov_logo' src='/assets/img/logo_uus.png'>
        </a>
      </td>
    </tr>
  </tbody>
</table>

我试过这些:

border: 0px;
border-spacing: 0px;
border: none;
border: 0 none;
border-width: 0px;
margin-bottom: -1px;
max-height: 155px;
height: 155px;

还有更多不同的属性和值，但似乎没有什么可以覆盖我需要的。更糟糕的是，我真的不知道要覆盖什么，我只是猜测它是 tr、td、a 或 img 的边框...也许是字体大小或其他完全不同的东西。

如有任何回复，我将不胜感激。如果做不到，那就做不到，我会放弃并转向不使用表格设计的网站。

Answer 1

在图像中添加vertical-align: top。这个空间是基线以下的空间。