Help building Table, Images dont cleanly come together

Havint a bit of trouble building these tables. Ive tried removing all size and position attributes, but it doesnt seem to do me any good. Any help would be greatly appreciated. You can tell what i am talking about from the attatched image:

<html>
<head>
<title>Artisans Paridise</title>
<style type="text/css">
body {
		margin-bottom:0;
		margin-left:0;
		margin-right:0;
		margin-top:0;
	 }
</style>
</head>
<body>
<table width="768px" border="0" cellpadding"0" cellspacing="0">
<tr>
	<td height="61" align="left" valign="top">
	<img src="images/top_bluetone_nav.jpg" border="0"> 
	</td>
	<td width="180" height="61" align="left" valign="top">
	<img src="images/top_right_bluetone_nav.jpg" border="0"> 
	</td>
	<td width="351" height="61" align="left" valign="top">
	&nbsp;
	</td>
</tr>
<tr>
	<td width="237" height="39" align="left" valign="top">
	<img src="images/home.jpg" border="0"> 
	</td>
	<td width="531" align="left" valign="top" rowspan="8">
	<iframe frameborder="1" height="600" width="400" src="iframe/home.html" name="main" id="main"></iframe>
	</td>
</tr>
<tr>
	<td width="237" height="34" align="left" valign="top">
	<img src="images/news.jpg" border="0"> 
	</td>
</tr>
<tr>
	<td width="237" height="34" align="left" valign="top">
	<img src="images/sb_art.jpg" border="0"> 
	</td>
</tr>
<tr>
	<td width="237" height="34" align="left" valign="top">
	<img src="images/bw_art.jpg" border="0"> 
	</td>
</tr>
<tr>
	<td width="237" height="34" align="left" valign="top">
	<img src="images/cg_art.jpg" border="0"> 
	</td>
</tr>
<tr>
	<td width="237" height="34" align="left" valign="top">
	<img src="images/portfolio.jpg" border="0"> 
	</td>
</tr>
<tr>
	<td width="237" height="34" align="left" valign="top">
	<img src="images/bio.jpg" border="0">
	</td>
</tr>
<tr>
	<td width="237" height="553" align="left" valign="top">
	<img src="images/bottom_bluetone_nav.jpg" border="0"> 
	</td>
</tr>
</table>
</body>
</html>

Attachments

Killer_Typo

Master Poster

781 posts since Apr 2004

Reputation Points: 152

Solved Threads: 39

7 Years Ago

Show Comments

-1

Just take out any spaces in the code that aren't needed and don't use
breaks if images will return on there own. If that does not work then lets have a look at your code.

Sheriff Mole

Junior Poster in Training

51 posts since Sep 2004

Reputation Points: 12

Solved Threads: 0

7 Years Ago

Just take out any spaces in the code that aren't needed and don't use
breaks if images will return on there own. If that does not work then lets have a look at your code.

ummm i didnt use any
and i only have one space in there which has since been removed? did ya read through the code at all?

Killer_Typo

Master Poster

781 posts since Apr 2004

Reputation Points: 152

Solved Threads: 39

7 Years Ago

OK, now I've seen your code, (my browser was playing up and i couldn't see it before).
Anyhoo the answer is quite simple, as far as I can see your boxes are not going to close in until you get rid of the width= and hight= bits of code if you delete them form the code your pictures will do the job of making your boxes the right size for you, they're not needed in this instance. You might need a blank spacer jpg or a mesurement set on the far right box though.

I'll be back to see how you've gotten on.

Sheriff Mole

Junior Poster in Training

51 posts since Sep 2004

Reputation Points: 12

Solved Threads: 0

7 Years Ago

I've put the code together on a page, it works and you can pick it up by viewing source at http://www.wodiak.co.uk/backdoor/blox

Sheriff Mole

Junior Poster in Training

51 posts since Sep 2004

Reputation Points: 12

Solved Threads: 0

This article has been dead for over three months

You