神秘的底部边界 [英] mysterious bottom border

问题描述

我答应在电子商务网站上更改徽标，虽然这需要几分钟，但是它花了很多小时。因此，我希望有更多CSS经验的人能帮助我。

I promised to change the logo on an e-commerce site, though it'd take a few minutes, but it has taken many hours. So I'm hoping someone with more experience with CSS can help me out.

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

我似乎无法使< tr> 包含与图像一样高的图像（155像素），无论图像的高低，< tr> 有一个高度正好2像素高。从这2个像素我猜到它的用户代理样式表与border-spacing：2px，但重写没有帮助。

I can't seem to make the <tr> containing the image as high as the image (155px), no matter how high I make the image, the <tr> has a height exactly 2 pixels higher. From the 2 pixels I guessed it's the user agent style sheet with border-spacing: 2px, but overriding that didn't help.

这是令人讨厌的部分块语言选择和主要标志）：

This is the offending part (it's the block with language selection and the main logo):

<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的边框...也许是字体大小或其他完全。

And many more different properties and values, but it seems like nothing overrides what I need to. Even worse, I don't really know what to override, I'm just guessing it's the border of the tr, td, a or img...Maybe it's the font size or something else entirely.

我会感谢任何回复。如果它不能做，它不能做，我只是放弃，移动到非设计使用表的网站。提前感谢。

I'll be grateful for any reply. If it can't be done, it can't be done, I'll just give up and move on to web-sites not designed using tables. Thanks in advance.

推荐答案

添加 vertical-align：top 图片。此空间是基线下方的空间。

Add vertical-align: top to the image. This space is the space below the baseline.

这篇关于神秘的底部边界的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！