Picture alignment within a table

natelehrke · Joined: 06 Jan 2005 Posts: 3 Location: Denver, CO

I have four images that I am using. They should be flush & creat one image to the average webpage vistitor.

The upperleft & upper right align vertically correctly & the lower right & lower left align vertically correctly. The problem is when the upper two meet the lower two. I am getting a very small white line. I'm on a deadline and would love any assistance to remove this line.

CODE:
<html>
<head>
<title>music4</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>

<body>
<table width="979" cellpadding="0" cellspacing="0" border="0">
<tr>
<td height="448"><img src="photos/upperleft.jpg" width="502" height="446"></td>
<td><img src="photos/upperright.jpg" width="477" height="446"></td>
</tr>
<tr>
<td height="292"><img src="photos/lowerleft.jpg" width="502" height="376"></td>
<td><img src="photos/lowerright.jpg" width="478" height="376"></td>
</tr>
</table>
</body>
</html>

gtebbutt · Joined: 04 Jan 2005 Posts: 4

It could be the difference is height between your top <td> and the height of your images. make it 446 (not 448), the same as the images, and that should solve it.

natelehrke · Joined: 06 Jan 2005 Posts: 3 Location: Denver, CO

Thanks alot! Looks great now Very Happy