Padding and Margin Problem? Can you be my CSS savior!

[10110]

Hello,

So I have been racking my brain for the past few hours and hopefully seeing if you have encountered this problem.

If you see my website

URL: Swtor-credit-guide.net

and get to my table the top image appears to have a margin and/or padding but I cannot find it anywhere. The bottom image shows up correctly but the top one has a little bit of space in-between it and the second table. Has anyone encountered this problem before and know how to solve it?

Thank you for any time you spent on this. I am extremely grateful.

Best Wishes,

[simplypixie]

Not sure what browser you are viewing in but in Chrome it looks fine to me. My advice - get rid of tables for layout and use pure CSS.

[shailendraqa]

Hello,

So I have been racking my brain for the past few hours and hopefully seeing if you have encountered this problem.

If you see my website

URL: Swtor-credit-guide.net

and get to my table the top image appears to have a margin and/or padding but I cannot find it anywhere. The bottom image shows up correctly but the top one has a little bit of space in-between it and the second table. Has anyone encountered this problem before and know how to solve it?

Thank you for any time you spent on this. I am extremely grateful.

Best Wishes,

This is test

[coothead]

Hi there 10110,

and a warm welcome to these forums.

Although I agree entirely with simplypixi's suggestion with regard to tables, it does not solve your immediate problem.

Here are three possible solutions...

1. td img {
       vertical-align:bottom;
    }

2. td img {
       display:block;
    }

3. td img {
       float:left;
    }

...for you to try.

coothead