Trouble with Tables - Part XXXVIII

liunx

Guest
I am using a table structure to divide up a gif picture so that some parts act as links.<br />
<br />
Its all going well and I am happy with the whole setup - but it doesn't look right.<br />
<br />
I have white space at the bottom of each cell. I have created the table as follows:<br />
<br />
<br />
<TABLE border="0" cellspacing="0" cellpadding="0"><br />
<br />
<TR><br />
<TD colspan="8"><br />
<IMG src=http://www.htmlforums.com/archive/index.php/"R1.gif"><br />
</TD><br />
</TR><br />
<br />
<TR colspan="6"><br />
<TD><br />
<IMG src=http://www.htmlforums.com/archive/index.php/"R2 C1.gif"><br />
</TD><br />
<TD><br />
<A href=http://www.htmlforums.com/archive/index.php/"Item1.html"><IMG src="R2 C2.gif"></A><br />
</TD><br />
<TD colspan="2"><br />
<IMG src=http://www.htmlforums.com/archive/index.php/"R2 C3.gif"><br />
</TD><br />
..<br />
..<br />
</TABLE><!--content-->Well first thing i would do is create a page with a black background and see what each indervidual picture looks like of there is still a problem with the white lines then it is a problem with your images if not then it is a problem with your table.<br />
<br />
On either problem (your table being wrong or your images being wrong) i would if you can start again with Paint Shop Pro 7 it can slice up a seamles image and create the table for you so all you have to do is copy the table into the correct place in a page. <br />
<br />
hope this helps. Bonkom :pimp:<!--content-->Its the table because the background shows through the gaps.<br />
<br />
I don't have Paint Shop Pro unfortunately. Really wish I had - everyone else seems to love it.<!--content-->managed to find a copy of PSP7 in the cupboard<br />
<br />
That image slicer is a very powerful tool<!--content-->Originally posted by Stu_J <br />
I am using a table structure to divide up a gif picture so that some parts act as links.<br />
<br />
Its all going well and I am happy with the whole setup - but it doesn't look right.<br />
<br />
I have white space at the bottom of each cell. I have created the table as follows:<br />
<br />
<br />
<TABLE border="0" cellspacing="0" cellpadding="0"><br />
<br />
<TR><br />
<TD colspan="8"><br />
<IMG src=http://www.htmlforums.com/archive/index.php/"R1.gif"><br />
</TD><br />
</TR><br />
<br />
<TR colspan="6"><br />
<TD><br />
<IMG src=http://www.htmlforums.com/archive/index.php/"R2 C1.gif"><br />
</TD><br />
<TD><br />
<A href=http://www.htmlforums.com/archive/index.php/"Item1.html"><IMG src="R2 C2.gif"></A><br />
</TD><br />
<TD colspan="2"><br />
<IMG src=http://www.htmlforums.com/archive/index.php/"R2 C3.gif"><br />
</TD><br />
..<br />
..<br />
</TABLE><br />
<br />
nah you don't need a special program to fix it. can fix it by putting the </td> at the end of your images.<br />
<br />
<TD colspan="2"><br />
<IMG src=http://www.htmlforums.com/archive/index.php/"R2 C3.gif"><br />
</TD><br />
<br />
will creat a line break. do this instead.<br />
<br />
<TD colspan="2"><IMG src=http://www.htmlforums.com/archive/index.php/"R2 C3.gif"></TD><br />
<br />
make it all one line.<!--content-->and here's me thinking that html ignores whitespace.<br />
<br />
cheers Scoutt<!--content-->it is suppose to. but new lines on <td> is seems to have problems with.<br />
<br />
You're Welcome :)<!--content-->
 
Back
Top