[jQuery] Issue inserting an img into a table
Well, the problem isn't actually putting the image into the table,
that part is fine. I'm running into a problem the way it is
displayed. My table is basically a map. It is 10x10, and I have it
set specifically to 20px x 20px. Each <td> has a background image
that is actually 20px x 40px. These are sprites that, when hovered
over, will change which part of the image it is looking at so I can
tell where I am hovering. All this works fine.
Now, there is the possibility of each <td> having an <img> inserted
into it at creation. These images are 20x20px .png images. These
work correctly (with the help of vertical-align: bottom in the css).
But, if I insert one after creation, or move one of the <img> tags
(with append or prepend) I get the image in the table, but that row
that I insert it into is enlarged by 20px. I think it's related to
the vertical-align somehow, but even setting the style inline with
vertical-align: bottom doesn't make any difference.
Any ideas on how to fix this issue?