Actually, you solved it. I had a in the empty cells. I put a span around it so I could select it (to test with) and remove it, and that solved the problem. I also removed it, and since I have everything set to 20x20px, I don't really need those. Annoying whitespace. Thanks.
On Apr 21, 4:13 pm, Hamish Campbell <[EMAIL PROTECTED]> wrote: > Want to post your code? > > Whitespace could cause issues. Also, what if you set overflow:hidden > for the tds? > > Thanks, > > Hamish > > On Apr 22, 8:04 am, Brian Ronk <[EMAIL PROTECTED]> wrote: > > > 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?
