PDA

Click to See Complete Forum and Search --> : why do tables hate me?

nikkorpon
12-01-2003, 12:07 AM
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.
Paul Jr
12-01-2003, 12:20 AM
It would be more helpful if you posted the exact code here.
nikkorpon
12-01-2003, 12:31 AM
<html>
<head>
<title>.:nik korpon. online portfolio:.</title>

</head>

<body bgcolor="94a905" link="ffffff" alink="ffbb30" vlink="ffbb30">
<!-- main table-->

<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="name72.jpg">
</td>
</tr>

<tr height="18" width="168" border="0" cellpadding="0" cellspacing="0">
<td>

<a href="portfolio.html">

<img src="portfolio72.jpg" name="portfolio" alt="portfolio"
border="0">
</a>
</td>

<td height="18" width="100" cellpadding="0" cellspacing="0">

<a href="resume.html">
<img src="resume72.jpg" name="resume" alt="resume"
border="0">
</a>
</td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>
toicontien
12-01-2003, 12:45 AM
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="name72.jpg"></td>
</tr>
<tr>
<td width="168"><a href="portfolio.html"><img src="portfolio72.jpg" name="portfolio" alt="portfolio"border="0"></a></td>
<td width="100"><a href="resume.html"><img src="resume72.jpg" name="resume" alt="resume" border="0"></a></td>
</tr>
</table>
</td>
</tr>
</table>
alantis13
12-01-2003, 01:20 AM
<table height="72" width="268" align=center border="0" cellpadding="0" cellspacing="0">
<tr>
<td colspan="2" align="center"><img src="name72.jpg"></td>
</tr>
<tr>
<td align="right"><a href="portfolio.html"><img src="portfolio72.jpg" name="portfolio" alt="portfolio" border="0"></a></td>
<td align="left"><a href="resume.html"><img src="resume72.jpg" name="resume" alt="resume" border="0"></a></td>
</tr>
</table>