spaces between tables (HTML)

95se · 10-27-2004, 10:32 PM

Ok, I wasn't quite sure where to put this.... I am trying to create a website and I am having the stupidest problem. For some reason in I.E. when using tables and putting images in them it will leave a space in between rows. I have cellpadding,spacing, and border all at 0. If I set the image hieght, and table height, and row/column heigh to the image size, it still leaves a space.
You can see the site here: http://www.jeness.org/cgi-bin/home.cgi
See how it has a space inbetween the first and second picture, and the bottom and middle one?
Is there a way to fix this?
(it looks fine in Firefox.)

caged · 10-27-2004, 10:49 PM

i to have had problems with that and i didnt bother fixing it in the end.

I can only suggest you look at the source html of some other peoples pages that have managed to do it.

im not sure but there may be a css way of doing it.

and i think but am prolly wrong that
there is less space inbetween the rows on a table that only has one cell per row so what may work is:

Code:

<table>
<tr>
 <td>
  <table>
   <tr>
    <td><img....>

  <table>
<tr>
 <td>
<tr>
 <td>
</table>

havent checked tho, sorry for any runaround.

ben.

neilman · 10-28-2004, 01:16 AM

Solution is here -- eliminate spaces before and after your <IMG> tags. So:

Code:

        <tr>
	  <td><img src="/pics/top.png"></td>
	</tr>
	<tr>
	  <td><img src="/pics/home-middle.png" usemap="#menubar" border=0></td>
	</tr>
	<tr>
	  <td><img src="/pics/bottom.png"></td>
	</tr>

In your attempt to make clean looking HTML, it was adding spaces before and after the <IMG> tags. Go ahead, and try it .. after the <td> and before the </td> eliminate all spaces.

jlliagre · 10-28-2004, 02:44 AM

Quote:

See how it has a space inbetween the first and second picture, and the bottom and middle one?

I don't see that, there's no space between the three images on my browser (Firefox).

Cedrik · 10-28-2004, 08:24 AM

you could set css margin to zero to make sure, like :

<img src="/pics/top.png" style="margin:0;">

neilman · 10-28-2004, 08:36 AM

Quote:

Originally posted by jlliagre
I don't see that, there's no space between the three images on my browser (Firefox).

Yes, jlliagre, it's an MSIE only issue. Funny, eh?

neilman · 10-28-2004, 08:39 AM

Quote:

Originally posted by Cedrik
you could set css margin to zero to make sure, like :

<img src="/pics/top.png" style="margin:0;">

Actually, Cedrik, in MSIE, even with that CSS attribute, the spaces still show up. It really is the spaces between the <TD> and <IMG>, as well as after the <IMG> and before the </TD> tags that create that space in MSIE. Again, in Mozilla/Firefox/Thunderbird you will not see those spaces between the table rows.

95se · 10-28-2004, 11:12 AM

Omg neilman, ur the man! It worked perfectly... what a wierd issue, only in MSIE eh? Thanks a lot

And ya. I had tried the margin thing b4, neilman is right, it doesn't work.