why do tables hate me?

windows · Jan 10, 2008

i realize there is probably a better way to do this but..... 
 
i have a table (height=72 width=268 border=0 cellpadding+spacing=0) 
 
within that table there are three things. it should look like this 
with no visible borders. one cohesive graphic. 
 
------------------------------------ 
i m a g e # 1 
image#2 image#3 
--------------------------------------- 
 
 
#1 tr/td- h=54 w=268 b=0 align=center valign=middle cp+s=0 with an image 
 
then 
 
#2 tr/td h=18 w=168 b=0 cp+s=0 with an image 
 
and 
 
#3 td h=18 w=100 b=0 cp+s= with an image 
 
now my problem/question is... 
 
it looks like this 
 
----------------------------------- 
i m a g e #1 l 
image #2 l image#3 
------------------------------------ 
 
 
 
#1 is fine. 
#2 doesnt line up flush (top and bottom) with image #1. 
#3 is pushed over past the edge of image 1 and doesnt line up flush (top and bottom) with image #1. it also has a slight border to it. 
 
when i rewrote it using 2 seperate tables (one for #1. one for #2 and #3) it lined up correct on the side but there was still the top and bottom gap. i also tried different align and valign tags within image #2 and#3 to no avail. 
 
please god help me before i throw my computer out the window. thanks.It would be more helpful if you posted the exact code here.<html> 
<head> 
<title>.:nik korpon. online portfolio:.</title> 
 
</head> 
 
<body bgcolor="94a905" link="ffffff" alink="ffbb30" vlink="ffbb30"> 
 
 
<table width="100%" height="100%" align="center" valign="middle" border=0"> 
<tr> 
<td> 
 
 
 
<table height="72" width="268" align="center" valign="middle" border="0" cellpadding="0" cellspacing="0"> 
<tr height="54" width="268" cellpadding="0" cellspacing="0" border="0"> 
<td> 
<img src=http://www.webdeveloper.com/forum/archive/index.php/"name72.jpg"> 
</td> 
</tr> 
 
<tr height="18" width="168" border="0" cellpadding="0" cellspacing="0"> 
<td> 
 
<a href=http://www.webdeveloper.com/forum/archive/index.php/"portfolio.html"> 
 
<img src=http://www.webdeveloper.com/forum/archive/index.php/"portfolio72.jpg" name="portfolio" alt="portfolio" 
border="0"> 
</a> 
</td> 
 
<td height="18" width="100" cellpadding="0" cellspacing="0"> 
 
<a href=http://www.webdeveloper.com/forum/archive/index.php/"resume.html"> 
<img src=http://www.webdeveloper.com/forum/archive/index.php/"resume72.jpg" name="resume" alt="resume" 
border="0"> 
</a> 
</td> 
</tr> 
</table> 
</td> 
</tr> 
</table> 
</body> 
</html>Try the code below. Putting line breaks and spaces inside <td> tags matters when trying to place images together with no gaps. 
 
<table width="100%" height="100%" align="center" valign="middle" border="0"> 
<tr> 
<td> 
<table width="268" align="center" valign="middle" border="0" cellpadding="0" cellspacing="0"> 
<tr> 
<td colspan="2"width="268"><img src=http://www.webdeveloper.com/forum/archive/index.php/"name72.jpg"></td> 
</tr> 
<tr> 
<td width="168"><a href=http://www.webdeveloper.com/forum/archive/index.php/"portfolio.html"><img src="portfolio72.jpg" name="portfolio" alt="portfolio"border="0"></a></td> 
<td width="100"><a href=http://www.webdeveloper.com/forum/archive/index.php/"resume.html"><img src="resume72.jpg" name="resume" alt="resume" border="0"></a></td> 
</tr> 
</table> 
</td> 
</tr> 
</table><table height="72" width="268" align=center border="0" cellpadding="0" cellspacing="0"> 
<tr> 
<td colspan="2" align="center"><img src=http://www.webdeveloper.com/forum/archive/index.php/"name72.jpg"></td> 
</tr> 
<tr> 
<td align="right"><a href=http://www.webdeveloper.com/forum/archive/index.php/"portfolio.html"><img src="portfolio72.jpg" name="portfolio" alt="portfolio" border="0"></a></td> 
<td align="left"><a href=http://www.webdeveloper.com/forum/archive/index.php/"resume.html"><img src="resume72.jpg" name="resume" alt="resume" border="0"></a></td> 
</tr> 
</table>

why do tables hate me?

windows

Guest