Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 2 of 2
  1. #1
    New to the CF scene
    Join Date
    Aug 2007
    Posts
    1
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Big gap in page need assistance

    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

    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.

  • #2
    Regular Coder Jutlander's Avatar
    Join Date
    Jun 2007
    Location
    In my own sick little world :P
    Posts
    425
    Thanks
    1
    Thanked 12 Times in 12 Posts
    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
    .
    .


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •