Preserved Topic: Tables help?

o.k. I made a navigator, and cut it up into 25 pieces. (5 rows across, 5 rows down)

When Placing these images in a table for my site, I'm getting unwanted whitespace between rows.

The 5 images across fit seamlessly, but the next row leaves about 2 pixels space between the two rows. (WTF?)

I'm sure the images themselves contain no whitespace.
I've set cellpadding, cellspacing, and border to "0".
I've even tried <TD VALIGN="BOTTOM"> for the top row and <TD VALIGN="TOP"> for the second row, but the space is still there ! DAMN!

I don't want to use image ready to create the table...I want to do it myself...BUT I sure wouldn't mind some help from the intelligent people here!!!

Thanks in Advance, 'cuz I know you'll come through for me!

Just read my message...seems a little vague?


let me clarify:



row1 across------------------- (O.K)
(whitespace-------------------)(gotta go)
row2 across------------------- (O.K.)

I have no web space as of yet, so I can't direct anyone to see this mess. Sorry.

Try this in your img tag. hspace="0" vspace="0" Thats all I'm going to guess on without seeing your code. If that doesn't work for you post the page. We'll look at the code.

Code is like this:

(I wrote this out...not cut and paste...may be errors, but this is the jist of it...)

<TABLE WIDTH="745" HEIGHT="206"CELLPADDING="0"CELLSPACING="0"BORDER="0"TABLEBORDER="0">
<TR>
<TD><IMG SRC="image1.gif"WIDTH="149"HEIGHT="35"></TD>
<TD><IMG SRC="image2.gif"WIDTH="136"HEIGHT="38"></TD>
<TD><IMG SRC="image3.gif"WIDTH="135"HEIGHT="38"></TD>
<TD><IMG SRC="image4.gif"WIDTH="135"HEIGHT="38"></TD>
<TD><IMG SRC="image5.gif"WIDTH="135"HEIGHT="38"></TD>
</TR>
<TR>
<TD><IMG SRC="image6.gif"WIDTH="149"HEIGHT="46"></TD>
<TD><IMG SRC="image7.gif"WIDTH="149"HEIGHT="46"></TD>
<TD><IMG SRC="image8.gif"WIDTH="149"HEIGHT="46"></TD>
<TD><IMG SRC="image9.gif"WIDTH=149"HEIGHT="46"></TD>
<TD><IMG SRC="image10.gif"WIDTH="149"HEIGHT=46"


Adding space comments didn't change anything.
adding align and valign didn't do anything...

Could you please post the page so that we might examine the code and see the problem.
It makes it much easier for us when you do this.

Good call F1. *Shakes his head*

Yeah, even if it's just a geocities page or something, get a free one and put it up... it's a lot easier. I've had this sort of problem before so I might be able to help once I see it.

I would like to point out that you have 2 rows with a summed height of 84, yet your table code declares the table height as 206... this might cause the discrepency, if you haven't yet put in all the other rows. If that isn't it, then another possibility that sometimes works is to remove the line break between the first </TR> and the second <TR>.

[EDIT:] Just fixed my "TR"s.. I accidentally wrote "HR" instead... doh!



[This message has been edited by Human Shield (edited 20-09-2000).]

As noted in my first post, I have no webspace as yet.

This is why I wrote out the code in subsequent posts.


If there's another way to post this information, let me know, I'll do it.

Zip everything up and email it to me. I'll post it.
My email is inner@innerworld.com

Go to www.tripod.com

sign up for a new account, it is free, supply them with the needed information. Put the code up on their page, make sure you use a pop up banner and not embedded, and then show us the site.

believe it or not, the line break apparently was causing the problem.

I went from:

</TD></TR>
<TR>
<TD>


To:
</TD></TR><TR><TD>

and the space was gone. (?)

(Thanks Human Shield!)

I'm going to call NSOL now, I've got a domain registered, but no space as of yet. I'll take care of THAT little problem right now.

Sorry about all the confusion.
I really appreciate your efforts.

Ha - you beat me to it. It's a good lesson to learn. Odd, but that's the way life is sometimes.

Good catch.

Yah, the carriage return is always the problem with these. For the record, you really only need to make sre that there is no carriage return inside the <td> tags, you can put braeaks between the <tr> tags, no problem there. If your code is too hard to read, you can put your breaks inside your tags, like this...

<tr>
<td><img src="foobar.gif"
height=72 width=72></td>
</tr>


Your pal, -doc-

i've only had the line problem in netscape since it sucks with tables(ie bad spacing, doesn't let you change border color on all sides), i whined to my friend who works as a consultant at netscape about that and he said he'd talk to a few of the egineers he knew...netscape should die...


www.netmosis.com - "we're on the leading edge of a false reality."

Instead of going off into a rant let me point you to this article in the Archives: http://www.ozones.com/forum/Archives/Archive-000005/HTML/20000728-8-000019.html

Short version MSIE allows you to be sloppy and make mistakes. NS does not.

Why is the archive font so damn BIG?
Hey, Doc, fix that please, big fonts hurt me eyes.

Just a quick observation, but it seems to me you would be better off ditching all the <td>s in there anyways, and just include every image side by side in one <td> like so:

<tr>

<td><img src=./img01.jpg><img src=./img02.jpg><img src=./img03.jpg><img src=./img04.jpg>etc,</td>

</tr>

just an observation.




It's always darkest before dawn. So if you're going to steal your neighbor's newspaper, that's the time to do it.

the only problem with ditching all your TD's is that your are allowing for display flexibility... the more you can constrain your layout, the better you can predict the way it will display.. across browsers that is.... just a thought!