Extra spacing after an A Tag/img tag?

Question

Hello i'm trying to build a table cell using div tag and while doing so. i get this extra spacing after my img a tag within the cell.

<div display:table>
 <div display:row>
  <div display:tabel-cell>
   <a><img/></a>

I can't seem to figure out how to get rid of that extra spacing.

i tried display:inline for the a and img tag. yet not luck.

if anyone can help me get rid of this spacing i would gladly appreciate it.

Example -- right before the shadowing there a 2-3 pixel white space within this tabel-cell

Answer 1

Aside from the fact that you should use tables for tabular data, I think that setting display: block on the image will remove the space. If that doesn' work, try to make a jsFiddle page to show off the problem.

Answer 2

That space can be removed using:

style="display:block;"

Answer 3

Try setting margin: 0 and padding: 0 on the elements that have this extra spacing. It is usually a good idea to implement some sort of CSS Reset to make sure all elements are cleared of these annoying default attributes such as margins and padding.