Click to See Complete Forum and Search --> : Please Help! I can't manage to remove gaps in tables?


sneeu
08-28-2008, 10:25 AM
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
08-28-2008, 04:36 PM
Can you provide a link to the page?

Centauri
08-28-2008, 08:08 PM
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
08-29-2008, 06:35 AM
Thanks I will try the text baseline thing.

Stay well

taz
09-03-2008, 06:47 PM
please post the relevant part of the code! without that its taking blind shots :)

said_fox
09-05-2008, 10:07 PM
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">