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

346,931
104
581
701

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

187,200
47
362
445

html - flush 2 cells completely

2 Answers2