Layout Help Needed!

Timewell posted this at 18:03 — 5th February 2003.

Joined: Jun 2002

Hi guys!

I am trying to solve a problem with this page, and help them by doing a template.

While doing so, I noticed that the original code, was too bulky and I decided to help them by cutting down on the code for them. Unfortunately I have hit a brick wall and got this little problem.

http://footballreview.netfirms.com/test.shtml

The right nav bar, an include that I do not have access to, is outside the red table, where it should be like on the homepage.

http://footballreview.netfirms.com/

My friend also wants the white background like on the homepage but not with the welcome or news.

My code for the test is:

<html>
<head>

<style TYPE="text/css">
BODY, TD {
font-family : verdana ;
font-size : 12px;
color: black;
}
A {
text-decoration: none;
color: white;
}
A:Hover {
text-decoration: underline;
color: black;
}
</style>

<STYLE>
BODY     {scrollbar-3dlight-color:#780000;
          scrollbar-arrow-color:000000;
          scrollbar-base-color:#780000;
          scrollbar-darkshadow-color:#780000;
          scrollbar-face-color:#780000;
          scrollbar-highlight-color:#000000;
          scrollbar-shadow-color:#000000}
</STYLE>

&lt;script language=JavaScript&gt;<!--
// Courtesy of SimplytheBest.net (<a href="http://simplythebest.net/info/dhtml_scripts.html" class="bb-url">http://simplythebest.net/info/dhtml_scripts.html</a>)
function makeArray(n) {
this.length = n
return this
}
monthNames = new makeArray(12)
monthNames[1] = "January"
monthNames[2] = "February"
monthNames[3] = "March"
monthNames[4] = "April"
monthNames[5] = "May"
monthNames[6] = "June"
monthNames[7] = "July"
monthNames[8] = "August"
monthNames[9] = "September"
monthNames[10] = "October"
monthNames[11] = "November"
monthNames[12] = "December"
function dateString(oneDate) {
var theMonth = monthNames[oneDate.getMonth() + 1]
var theYear = oneDate.getFullYear()
return theMonth + " " + oneDate.getDate() + ", " + theYear
}
//-->
&lt;/script&gt;

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

<body bgcolor="#FFFFFF" text="#000000" link="#CCCCCC" vlink="#CCCCCC" alink="#CCCCCC" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<div align="center"> 
  <table width="750" border="0" cellspacing="0" cellpadding="0">
    <tr> 
      <td colspan="3" bgcolor="#FFFFFF"><div align="left"><a href="index.shtml"><img src="footballreview.gif" alt="Football Review" width="750" height="130" border="0"></a></font></div></td>
    </tr>
    <tr bgcolor="#780000" background="tablebg.gif"> 
      <td colspan="3"> 
        <div align="center">
          <!--#include virtual="toplinks.txt" -->
          </div></td>
    </tr>    
<tr> 
      <td colspan="3"> <div align="center"> 
          <table width="750" border="0" cellspacing="0" cellpadding="0">
            <tr> 
              <td width="150" height="1518" valign="top" bgcolor="#780000"> 
                <div align="center"> 
                  <!--#include file="leftnav.txt" -->
                  </font></div>
                <div align="center"></div></td>
              <td width="1"><img src="blackpx.gif" width="1" height="100%"></font></td>
                  <table width="90%" border="0" cellspacing="0" cellpadding="0">
                    <tr> 
                      <td height="132" width="437" valign="top">

                     </td>
                    </tr>
                  </table>
               
              <td width="1"><img src="blackpx.gif" width="1" height="100%"></td>
              <td width="150" valign="top" bgcolor="#780000"> 
<!--#include file="rightnav.txt" -->
</td>
            </tr>
          </table>
        </div></td>
    </tr>

     <tr>
      <td width="30" height="18" align="left" valign="top"><img src="footerimage_left.gif" width="30" height="20"></td>
      <td width="691" height="18" bgcolor="#780000"><div align="center"> 
          <!--#include virtual="footer.txt" -->
        </div></td>
      <td width="30" height="18" align="left" valign="top"><img src="footerimage_right.gif" width="30" height="20"></td>
    </tr>
  </table>
  
</div>
</body>
</html>

no1golfpro.co.uk - High quality golf equipment at competitive prices.

Busy posted this at 21:01 — 5th February 2003.

He has: 6,151 posts

Joined: May 2001

you need to place the code inside the right table set.
the best way to use tables (more than 2) is to set a colour border for them (with CSS as bordercolor is ie only) or set each tables border to different widths, ie 1, 5, 10 so you can find which table is where.

looking at the code you gave, I can see lots of errors, mostly tags out of order or opened/closed and not opened/closed. you can also place align="??" in td cells, you don't need seperate div tags

Renegade posted this at 01:16 — 6th February 2003.

He has: 3,022 posts

Joined: Oct 2002

Have you tried using DIVs for that?