How To Avoid White Line Between Img And Td Bottom?

I have made a banner img in a td element. I have included a reset script to remove all margins, paddings and spaces everywhere. http://jsfiddle.

Solution 1:

The default vertical-align property for an img element is baseline.

Changing it to top, middle or bottom fixes the issue.

jsFiddle example

tdimg {
    vertical-align:top;
}

Alternatively, you can also add display:block to the img element.

jsFiddle example

tdimg {
    display:block;
}