Please Help! I can't manage to remove gaps in tables?

[sneeu]

Hi Everyone

Please could someone help me. I am creating this website and no matter what I cant remove gaps between images. For example I have an image for the Logo then beneath that is another table row with rollovers in them. There is always a gap between the images though!!

I remove the borders, margins and padding with css but there are still gaps. I have also nested all tables into one big table that I cant seem to resize the height. I made the main table 1020 width with css but didnt specify the height?

[LeeU]

Can you provide a link to the page?

[Centauri]

Unless you are specifically displaying tabular data, there shouldn't be any tables for starters......

Images are inline elements, and by default are aligned to the text baseline, allowing room below for text descenders. Either setting vertical-align:bottom or display:block on the images will eliminate the bottom gap.

[sneeu]

Thanks I will try the text baseline thing.

Stay well

[taz]

please post the relevant part of the code! without that its taking blind shots :)

[said_fox]

It seems that you use table based layout. You have to set border, cellpadding and cellspacing attributes of your table to be zero

<table border="0" cellpadding="0" cellspacing="0">