Note that there are some explanatory texts on larger screens.

plurals
  1. POMysterious bottom border
    text
    copied!<p>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.</p> <p>This is the site: <a href="http://varuosad.ee/" rel="nofollow noreferrer">http://varuosad.ee/</a></p> <p>I can't seem to make the <code>&lt;tr&gt;</code> containing the image as high as the image (155px), no matter how high I make the image, the <code>&lt;tr&gt;</code> 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.</p> <p>This is the offending part (it's the block with language selection and the main logo):</p> <pre><code>&lt;table class="table_right"&gt; &lt;tbody&gt; &lt;tr&gt; &lt;td class="sub_row_1 bg_ylemine_riba"&gt; &lt;a href="/"&gt; &lt;img src="/assets/img/bg_ylemine_riba.jpg" alt=""&gt; &lt;/a&gt; &lt;a href="/changelanguage/en"&gt; &lt;img class="lang_right" src="/assets/img/eng.gif" alt=""&gt; &lt;/a&gt; &lt;a href="/changelanguage/et"&gt; &lt;img class="lang_left" src="/assets/img/est.gif" alt=""&gt; &lt;/a&gt; &lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td class="sub_row_2"&gt; &lt;a href='/'&gt; &lt;img class='soov_logo' src='/assets/img/logo_uus.png'&gt; &lt;/a&gt; &lt;/td&gt; &lt;/tr&gt; &lt;/tbody&gt; &lt;/table&gt; </code></pre> <p>I've tried these:</p> <pre><code>border: 0px; border-spacing: 0px; border: none; border: 0 none; border-width: 0px; margin-bottom: -1px; max-height: 155px; height: 155px; </code></pre> <p>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.</p> <p>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. </p>
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload