I am making my page layout. I have made my menu and my information box. But there is a huge box in between them. (this is the site <!-- m --><a class="postlink" href="http://iam.bizhat.com/">http://iam.bizhat.com/</a><!-- m -->) This is my code. <br />
<br />
<table ><br />
<tr><td width="35%" ><br />
<table style="border:1px solid black;"><br />
<br />
<tr><td><br />
<h3>Menu</h3><br />
Home<br />
<br>About IAM INC.<br />
<br>About Ordering<br />
<br>Fill out Form<br />
<br>Links<br />
<br><br />
<br><br />
<br></tr></td></table><br />
</td><br />
<td><br />
<br />
<table style="border:1px solid black;" width="75%" ><br />
<tr><td><br />
Site is under Construction right now, this is only the web layout for now<br />
please bear with the changes.<br />
<br><br />
<h8>Site produced By Sam</h8><br />
</table><br />
<br />
</tr></td><br />
</td><br />
</table><br />
<br />
<br />
I want it to be like a small space in between them not a huge one as you can see.<!--content-->Hi<br />
<br />
First up you need to get your TD's and TR's sorted out big time!!!
Dump a copy into your editor, indent your code and you'll see what I mean. It's an easy mistake though and we've all done it many times.<br />
<br />
Secondly, try reducing the width of the first table to say 15% and make the second table 85%. Here's an example (note the indenting).<br />
<br />
<br />
<br />
<br />
<table><br />
<tr><br />
<td width="15%" ><br />
<table style="border:1px solid black;"><br />
<tr><br />
<td><br />
<h3>Menu</h3><br />
Home<br />
<br>About IAM INC.<br />
<br>About Ordering<br />
<br>Fill out Form<br />
<br>Links<br />
<br><br />
<br><br />
<br><br />
</td><br />
</tr><br />
</table><br />
</td><br />
<td><br />
<table style="border:1px solid black;" width="85%"><br />
<tr><br />
<td><br />
Site is under Construction right now, this is only the web layout for now please bear with the changes.<br />
<br><br />
<h8>Site produced By Sam</h8><br />
</td><br />
</tr><br />
</table><br />
</td><br />
</tr><br />
</table><br />
<br />
<br />
<br />
I think it's what you're trying to do but let me know otherwise.<br />
<br />
Cheers,<br />
Al<!--content-->
<br />
<table ><br />
<tr><td width="35%" ><br />
<table style="border:1px solid black;"><br />
<br />
<tr><td><br />
<h3>Menu</h3><br />
Home<br />
<br>About IAM INC.<br />
<br>About Ordering<br />
<br>Fill out Form<br />
<br>Links<br />
<br><br />
<br><br />
<br></tr></td></table><br />
</td><br />
<td><br />
<br />
<table style="border:1px solid black;" width="75%" ><br />
<tr><td><br />
Site is under Construction right now, this is only the web layout for now<br />
please bear with the changes.<br />
<br><br />
<h8>Site produced By Sam</h8><br />
</table><br />
<br />
</tr></td><br />
</td><br />
</table><br />
<br />
<br />
I want it to be like a small space in between them not a huge one as you can see.<!--content-->Hi<br />
<br />
First up you need to get your TD's and TR's sorted out big time!!!
Dump a copy into your editor, indent your code and you'll see what I mean. It's an easy mistake though and we've all done it many times.<br /><br />
Secondly, try reducing the width of the first table to say 15% and make the second table 85%. Here's an example (note the indenting).<br />
<br />
<br />
<br />
<br />
<table><br />
<tr><br />
<td width="15%" ><br />
<table style="border:1px solid black;"><br />
<tr><br />
<td><br />
<h3>Menu</h3><br />
Home<br />
<br>About IAM INC.<br />
<br>About Ordering<br />
<br>Fill out Form<br />
<br>Links<br />
<br><br />
<br><br />
<br><br />
</td><br />
</tr><br />
</table><br />
</td><br />
<td><br />
<table style="border:1px solid black;" width="85%"><br />
<tr><br />
<td><br />
Site is under Construction right now, this is only the web layout for now please bear with the changes.<br />
<br><br />
<h8>Site produced By Sam</h8><br />
</td><br />
</tr><br />
</table><br />
</td><br />
</tr><br />
</table><br />
<br />
<br />
<br />
I think it's what you're trying to do but let me know otherwise.<br />
<br />
Cheers,<br />
Al<!--content-->