html - flush 2 cells completely

Question

I'm trying to figure out why the red background color is still showing? I'd like to make the two cells flush together so no red is displayed.

see jsfiddle - https://jsfiddle.net/7c73417b/1/

<table>
    <tr>
        <td class="imageThumbN">
            <a href=""}">
            <img src="http://s8.postimg.org/5y5wc8jqp/test1.png" width="130" height="130" border="0"></a>
        </td>
    </tr>
    <tr>
        <td class="imageLink">
            <a href="">ImagesS</a>
        </td>
    </tr>
</table>

Possible duplicate of [Mystery white space underneath image tag](http://stackoverflow.com/questions/31444891/mystery-white-space-underneath-image-tag) — Michael Benjamin, Dec 02 '15 at 01:43

score 3 · Accepted Answer · edited May 23 '17 at 12:30

3

Add this rule to your CSS: img { vertical-align: bottom; }

or

apply font-size: 0 to td.imageThumbN

or

apply display: block to td.imageThumbN.

DEMO

For an explanation, see my answer here: Mystery white space underneath image tag

edited May 23 '17 at 12:30

Community

1
1

answered Dec 02 '15 at 01:36

Michael Benjamin

307,417
93
525
644

score 0 · Answer 2 · answered Dec 02 '15 at 01:35

0

Set display: inline-block to your image.

answered Dec 02 '15 at 01:35

Daniel A. White

181,601
45
354
430

html - flush 2 cells completely

2 Answers2