...

View Full Version : Big gap in page need assistance



Sliek
08-05-2007, 05:05 PM
Ok so I've been having trouble coding this layout since the begining and once I finally thought I was finished, (everything looked right in dreamweaver) I preview it and theres this huge gap and I can't figure out how to fix it. Any help at all would be appreciated.

Here is what the layout looks like uploaded.
http://www.isoronline.com/layout

Here is the code


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
A:visited { color:#000000; text-decoration: none}
A:link { color:#000000; text-decoration: none}
A:hover {text-decoration: none}
A:active {text-decoration: none}
.style1 {font-family: "Arial Narrow"}
body {
background-color: #5a5a5a;
}

form { display: inline;}

</style>
</head>

<body>
<table width="744" height="100%" border="0" cellspacing="0" cellpadding="0">
<!--DWLayoutTable-->
<tr>
<td width="170" rowspan="2" valign="top"><table width="191" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><img src="images/layoutslice_06.gif" width="191" height="166" /></td>
</tr>
<tr>
<td><img src="images/layoutslice_07.gif" width="191" height="52" /></td>
</tr>
<tr align="center" valign="top">
<td background="images/layoutslice_08.gif">
<table width="152" border="0" cellspacing="0" cellpadding="0">
<tr>
<td height="15" bgcolor="#DBDBDB"><div align="center"><span class="style1"><font color="5285cb" size="2">[ </font><font color="#FBFBFB" size="2">General</font><font color="#5285cb" size="2"> ]</font><font color="#5285cb" size="2"></font></span></div></td>
</tr>
<tr>
<td height="15" bgcolor="#E3E3E3" onMouseOver="this.style.backgroundColor='#5285cb';" onMouseOut="this. style.backgroundColor='';"><font size="1">&nbsp;<font face="Arial, Helvetica, sans-serif"><font color="#5285cb">&raquo;</font></font><a href="url" class="style1">Link</a></font></td>
</tr>
<tr>
<td height="15" bgcolor="#DBDBDB" onMouseOver="this.style.backgroundColor='#5285cb';" onMouseOut="this. style.backgroundColor='';"><font size="1">&nbsp;<font face="Arial, Helvetica, sans-serif"><font color="#5285cb">&raquo;</font></font><a href="url" class="style1">Link</a></font></td>
</tr>
<tr>
<td height="15" bgcolor="#DBDBDB"><div align="center"><span class="style1"><font color="#5285cb" size="2">[ </font><font color="#FBFBFB" size="2">Myspace Layouts</font><font color="#5285cb" size="2"> ]</font></span></div></td>
</tr>
<tr>
<td height="15" bgcolor="#DBDBDB" onMouseOver="this.style.backgroundColor='#5285cb';" onMouseOut="this. style.backgroundColor='';">&nbsp;</td>
</tr>
</table></td>
</tr>
<tr>
<td><img src="images/layoutslice_12.gif" width="191" height="48" /></td>
</tr>
<tr>
<td><img src="images/layoutslice_13.gif" width="191" height="52" /></td>
</tr>
<tr>
<td align="center" valign="top" background="images/layoutslice_08.gif"><table width="152" border="0" cellspacing="0" cellpadding="0">
<tr>
<td height="15" bgcolor="#DBDBDB"><div align="center"><span class="style1"><font color="#5285cb" size="2"> [ </font><font color="#FBFBFB" size="2">Title</font><font color="#5285cb" size="2"> ]</font></span></div></td>
</tr>
<tr>
<td height="15" bgcolor="#E3E3E3" onMouseOver="this.style.backgroundColor='#5285cb';" onMouseOut="this. style.backgroundColor='';"><font size="1">&nbsp;<font face="Arial, Helvetica, sans-serif"><font color="#5285cb">&raquo;</font></font><a href="url" class="style1">Link</a></font></td>
</tr>
<tr>
<td height="15" bgcolor="#DBDBDB" onMouseOver="this.style.backgroundColor='#5285cb';" onMouseOut="this. style.backgroundColor='';"><font size="1">&nbsp;<font face="Arial, Helvetica, sans-serif"><font color="#5285cb">&raquo;</font></font><a href="url" class="style1">Link</a></font></td>
</tr>
<tr>
<td height="15" bgcolor="#DBDBDB"><div align="center"><span class="style1"><font color="#5285cb" size="2">[ </font><font color="#FBFBFB" size="2">Title</font><font color="#5285cb" size="2"> ]</font></span></div></td>
</tr>
<tr>
<td height="15" bgcolor="#DBDBDB" onMouseOver="this.style.backgroundColor='#5285cb';" onMouseOut="this. style.backgroundColor='';">&nbsp;</td>
</tr>
</table></td>
</tr>
<tr>
<td><img src="images/layoutslice_12.gif" width="191" height="48" /></td>
</tr>
<tr>
<td><img src="images/layoutslice_18.gif" width="191" height="51" /></td>
</tr>
<tr>
<td background="images/layoutslice_08.gif">&nbsp;</td>
</tr>
<tr>
<td><img src="images/layoutslice_12.gif" width="191" height="48" /></td>
</tr>
<tr>
<td><img src="images/layoutslice_21.gif" width="191" height="51" /></td>
</tr>
<tr>
<td background="images/layoutslice_08.gif">&nbsp;</td>
</tr>
<tr>
<td><img src="images/layoutslice_12.gif" width="191" height="48" /></td>
</tr>
</table></td>
<td width="574" height="146" valign="top"><table width="100%" border="0" cellpadding="0" cellspacing="0">
<!--DWLayoutTable-->
<tr>
<td width="574" height="146"><img src="images/layoutslice_03.gif" width="583" height="263" /></td>
</tr>
</table>
</td>
</tr>
<tr>
<td height="81" valign="top"><table width="583" border="0" cellspacing="0" cellpadding="0">
<!--DWLayoutTable-->
<tr>
<td colspan="3"><img src="images/layoutslice_11.gif" width="583" height="95" align="top" /></td>
</tr>
<tr>
<td width="83" height="19" background="images/content.gif">&nbsp;</td>
<td width="461" valign="top" bgcolor="#c8c8c8"><table width="100%" border="0" cellspacing="0" cellpadding="5">
<tr>
<td>Content and ****</td>
</tr>
</table></td>
<td width="39">&nbsp;</td>
</tr>
<tr>
<td colspan="3"><img src="images/layoutslice_17.gif" width="583" height="95" /></td>
</tr>
</table></td>
</tr>
</table>
</body>
</html>

If you know a solution to this problem please post here.
Thanks.

Jutlander
08-05-2007, 05:12 PM
I suggest that you learn CSS (and HTML if you don't know it yet) and recode it by hand in your prefered text editor, using CSS instead of tables for layout. And read this article: http://www.hotdesign.com/seybold/

W3Schools is a good place to start: http://www.w3schools.com/css/default.asp



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum