Link to home
Start Free TrialLog in
Avatar of Bgreenwood
Bgreenwood

asked on

Linking from a table to a table

I am working on a long page and have a table at the top of the page linking to tags inside another table taking up the rest of the page.  When I click any of my links it takes me to the top of my second table and no further.  When I take the second <TABLE> tag out it works just fine but the page format is horrid.  Editing it without the second table will be too tedious.  Any help would be greatly appreciated.
ASKER CERTIFIED SOLUTION
Avatar of RayKun
RayKun
Link to home
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Start Free Trial
Avatar of Bgreenwood
Bgreenwood

ASKER

My page takes up well more space than this, and the links are all throughout to the bottom.  If I click my first link it takes me to the top of my second table.  Second link same thing.  Third etc....  But, when I take out the second set of tags for the second table I can get right to where I need to be for every link.
Avatar of davlun20080
davlun20080
Please either accept RayKun'a answer or explain why it is not valid so he/we can try to get you a better answer.  Posting code is always a help to get you the answer you are looking for.

davlun
Avatar of Bgreenwood
Bgreenwood

ASKER

Here is the code...

<HTML>
<HEAD>
<TITLE>Phone Extensions</TITLE>
</HEAD>
<LINK REL=stylesheet HREF="stylesheet.css" TYPE="text/css">
<BODY>
<H1><CENTER>Phone Directory</CENTER></H1>
<BR>
<CENTER><TABLE WIDTH=58% BORDER=0>
<TR>
      <TD><CENTER><FONT SIZE="2"><A HREF="#administration">Administration</A></CENTER></TD>
      <TD><CENTER><FONT SIZE="2"><A HREF="#custserv">Customer Service</A></CENTER></TD>
      <TD><CENTER><FONT SIZE="2"><A HREF="#finance">Finance / Accounting</A></CENTER></TD>
      <TD><CETNER><FONT SIZE="2"><A HREF="#logistics">Logistics</A></Center></TD></TR>
<TR>
      <TD><A HREF="#mis"><CENTER><FONT SIZE="2">MIS</CENTER></A></TD>
      <TD><A HREF="#marketing"><CENTER><FONT SIZE="2">Marketing</CENTER></A></TD>
      <TD><A HREF="#receptionist"><CENTER><FONT SIZE="2">Receptionist</CENTER></A></TD>
      <TD><A HREF="#sales"><CENTER><FONT SIZE="2">Sales</CENTER></A></TD></TR>
<TABLE WIDTH=40% BORDER=0>
      <TD><A HREF="#technical"><CENTER><FONT SIZE="2">Technical</CENTER></A></TD>
      <TD><A HREF="#salesrep"><CENTER><FONT SIZE="2">Sales Representatives</CENTER></A></TD>
      <TD ALIGN="right"><A HREF="#tmi"><FONT SIZE="2">TMI</A></TD></TR>
</TABLE>
</TABLE>
<BR>
<TABLE WIDTH=95% BORDER=0>
<A NAME="administration">
<TR>
      <TD COLSPAN=3><U><H3>ADMINISTRATION</H3></U></TD>
</TR>
<TR>
      <TD>ROODY RASMUSSEN</TD>
      <TH><CENTER>PRESIDENT / SALES DIRECTOR</CENTER></TH>
      <TD ALIGN="right">EXT 252</TD>
</TR>
<TR>
      <TD COLSPAN="3">&nbsp;</TD></TR>
<TR>
      <TD COLSPAN="3">&nbsp;</TD></TR>
<A NAME="custserv">
<TR>
      <TD COLSPAN="3"><U><H3>CUSTOMER SERVICE</H3></U></TD></TR>
<TR>
      <TD COLSPAN="2">CHRIS BAKER</TD>
      <TD ALIGN="right">EXT 231</TD></TR>
<TR>
      <TD COLSPAN="2">CRANDALL CAUGHMAN</TD>
      <TD ALIGN="right">EXT 287</TD></TR>
<TR>
      <TD COLSPAN="2">KOBY CROOKS</TD>
      <TD ALIGN="right">EXT 233</TD></TR>
<TR>
      <TD COLSPAN="2">BRAD DOROUGH</TD>
      <TD ALIGN="right">EXT 286</TD></TR>
<TR>
      <TD COLSPAN="2">BEN JOHNSON</TD>
      <TD ALIGN="RIGHT">EXT 228</TD></TR>
<TR>
      <TD COLSPAN="2">ROGER STEED</TD>
      <TD ALIGN="right">EXT 229</TD></TR>
</TR>
<TR>
      <TD COLSPAN="3">&nbsp;</TD></TR>
<TR>
      <TD COLSPAN="3">&nbsp;</TD></TR>
<A NAME="finance">
<TR>
      <TD COLSPAN="3"><U><H3>FINANCE / ACCOUNTING</H3></U></TD></TR>
<TR>
      <TD>KEN WAGSTAFF</TD>
      <TH>FINANCE DIRECTOR</TH>
      <TD ALIGN="right">EXT 222</TD></TR>
<TR>
      <TD COLSPAN="2">MARIA CASTILLO</TD>
      <TD ALIGN="right">EXT 227</TD></TR>
<TR>
      <TD COLSPAN="2">DEB EVANS</TD>
      <TD ALIGN="right">EXT 223</TD></TR>
<TR>
      <TD COLSPAN="2">KEVIN PEARCE</TD>
      <TD ALIGN="right">EXT 225</TD></TR>
<TR>
      <TD COLSPAN="2">BRITTANY WISSLER</TD>
      <TD ALIGN="right">EXT 224</TD></TR>
<TR>
      <TD COLSPAN="3">&nbsp</TD></TR>
<TR>
      <TD COLSPAN="3">&nbsp</TD></TR>
<A NAME="logistics">
<TR>
      <TD COLSPAN="3"><U><H3>LOGISTICS</H3></U></TD></TR>
<TR>
      <TD>PEGGY POWELL</TD>
      <TH>LOGISTICS DIRECTOR</TH>
      <TD ALIGN="right">EXT 239</TD></TR>
<TR>
      <TD>NATHAN KENNEDY</TD>
      <TH>PURCHASING</TH>
      <TD ALIGN="right">EXT 230</TD></TR>
<TR>
      <TD>DEWAYNE STOKER</TD>
      <TH>SHIPPING</TH>
      <TD ALIGN="right">EXT 270</TD></TR>
<TR>
      <TD>&nbsp</TD>
      <TD>&nbsp</TD>
      <TD ALIGN="right">Alt. EXT 243</TD></TR>
<TR>
      <TD COLSPAN="3">&nbsp</TD></TR>
<TR>
      <TD COLSPAN="3">&nbsp</TD></TR>
<A NAME="mis">
<TR>
      <TD COLSPAN="3"><U><H3>MIS</H3></U></TD></TR>
<TR>      
      <TD>NATE NEILSON</TD>
      <TH>MIS MANAGER</TH>
      <TD ALIGN="right">EXT 226</TD></TR>
<TR>
      <TD COLSPAN="2">BRANDON GREENWOOD</TD>
      <TD ALIGN="right">EXT 254</TD></TR>
<TR>
      <TD COLSPAN="3">&nbsp;</TD></TR>
<TR>
      <TD COLSPAN="3">&nbsp;</TD></TR>
<A NAME="marketing">
<TR>
      <TD COLSPAN="3"><U><H3>MARKETING</H3></U></TD></TR>
</TABLE>
</TABLE>
</BODY>
</HTML>

Avatar of RayKun
RayKun
Two problems:

1. The <A NAME="XXXX"> tags need to have a closing </A>
2. The tag should be within the table cell, attached to the target.

Here is the text:

<HTML>
      <HEAD>
      <TITLE>Phone Extensions</TITLE>
      </HEAD>
      <LINK REL=stylesheet HREF="stylesheet.css" TYPE="text/css">
      <BODY>
      <H1><CENTER>Phone Directory</CENTER></H1>
      <BR>
      <CENTER><TABLE WIDTH=58% BORDER=0>
      <TR>
      <TD><CENTER><FONT SIZE="2"><A
      HREF="#administration">Administration</A></CENTER></TD>
      <TD><CENTER><FONT SIZE="2"><A HREF="#custserv">Customer
      Service</A></CENTER></TD>
      <TD><CENTER><FONT SIZE="2"><A HREF="#finance">Finance /
      Accounting</A></CENTER></TD>
      <TD><CETNER><FONT SIZE="2"><A
      HREF="#logistics">Logistics</A></Center></TD></TR>
      <TR>
      <TD><A HREF="#mis"><CENTER><FONT SIZE="2">MIS</CENTER></A></TD>
      <TD><A HREF="#marketing"><CENTER><FONT SIZE="2">Marketing</CENTER></A></TD>
      <TD><A HREF="#receptionist"><CENTER><FONT
      SIZE="2">Receptionist</CENTER></A></TD>
      <TD><A HREF="#sales"><CENTER><FONT SIZE="2">Sales</CENTER></A></TD></TR>
      <TABLE WIDTH=40% BORDER=0>
      <TD><A HREF="#technical"><CENTER><FONT SIZE="2">Technical</CENTER></A></TD>
      <TD><A HREF="#salesrep"><CENTER><FONT SIZE="2">Sales
      Representatives</CENTER></A></TD>
      <TD ALIGN="right"><A HREF="#tmi"><FONT SIZE="2">TMI</A></TD></TR>
      </TABLE>
      </TABLE>
      <BR>
      <TABLE WIDTH=95% BORDER=0>
     
      <TR>
      <TD COLSPAN=3><A NAME="administration"> <U><H3>ADMINISTRATION</H3></U></a></TD>
      </TR>
      <TR>
      <TD>ROODY RASMUSSEN</TD>
      <TH><CENTER>PRESIDENT / SALES DIRECTOR</CENTER></TH>
      <TD ALIGN="right">EXT 252</TD>
      </TR>
      <TR>
      <TD COLSPAN="3">&nbsp;</TD></TR>
      <TR>
      <TD COLSPAN="3">&nbsp;</TD></TR>
     
      <TR>
      <TD COLSPAN="3"><A NAME="custserv"><U><H3>CUSTOMER SERVICE</H3></U></a> </TD></TR>
      <TR>
      <TD COLSPAN="2">CHRIS BAKER</TD>
      <TD ALIGN="right">EXT 231</TD></TR>
      <TR>
      <TD COLSPAN="2">CRANDALL CAUGHMAN</TD>
      <TD ALIGN="right">EXT 287</TD></TR>
      <TR>
      <TD COLSPAN="2">KOBY CROOKS</TD>
      <TD ALIGN="right">EXT 233</TD></TR>
      <TR>
      <TD COLSPAN="2">BRAD DOROUGH</TD>
      <TD ALIGN="right">EXT 286</TD></TR>
      <TR>
      <TD COLSPAN="2">BEN JOHNSON</TD>
      <TD ALIGN="RIGHT">EXT 228</TD></TR>
      <TR>
      <TD COLSPAN="2">ROGER STEED</TD>
      <TD ALIGN="right">EXT 229</TD></TR>
      </TR>
      <TR>
      <TD COLSPAN="3">&nbsp;</TD></TR>
      <TR>
      <TD COLSPAN="3">&nbsp;</TD></TR>
       
      <TR>
      <TD COLSPAN="3"><A NAME="finance"><U><H3>FINANCE / ACCOUNTING</H3></U></a></TD></TR>
      <TR>
      <TD>KEN WAGSTAFF</TD>
      <TH>FINANCE DIRECTOR</TH>
      <TD ALIGN="right">EXT 222</TD></TR>
      <TR>
      <TD COLSPAN="2">MARIA CASTILLO</TD>
      <TD ALIGN="right">EXT 227</TD></TR>
      <TR>
      <TD COLSPAN="2">DEB EVANS</TD>
      <TD ALIGN="right">EXT 223</TD></TR>
      <TR>
      <TD COLSPAN="2">KEVIN PEARCE</TD>
      <TD ALIGN="right">EXT 225</TD></TR>
      <TR>
      <TD COLSPAN="2">BRITTANY WISSLER</TD>
      <TD ALIGN="right">EXT 224</TD></TR>
      <TR>
      <TD COLSPAN="3">&nbsp</TD></TR>
      <TR>
      <TD COLSPAN="3">&nbsp</TD></TR>
       
      <TR>
      <TD COLSPAN="3"><A NAME="logistics"><U><H3>LOGISTICS</H3></U></a></TD></TR>
      <TR>
      <TD>PEGGY POWELL</TD>
      <TH>LOGISTICS DIRECTOR</TH>
      <TD ALIGN="right">EXT 239</TD></TR>
      <TR>
      <TD>NATHAN KENNEDY</TD>
      <TH>PURCHASING</TH>
      <TD ALIGN="right">EXT 230</TD></TR>
      <TR>
      <TD>DEWAYNE STOKER</TD>
      <TH>SHIPPING</TH>
      <TD ALIGN="right">EXT 270</TD></TR>
      <TR>
      <TD>&nbsp</TD>
      <TD>&nbsp</TD>
      <TD ALIGN="right">Alt. EXT 243</TD></TR>
      <TR>
      <TD COLSPAN="3">&nbsp</TD></TR>
      <TR>
      <TD COLSPAN="3">&nbsp</TD></TR>
       
      <TR>
      <TD COLSPAN="3"><A NAME="mis"><U><H3>MIS</H3></U></a></TD></TR>
      <TR>
      <TD>NATE NEILSON</TD>
      <TH>MIS MANAGER</TH>
      <TD ALIGN="right">EXT 226</TD></TR>
      <TR>
      <TD COLSPAN="2">BRANDON GREENWOOD</TD>
      <TD ALIGN="right">EXT 254</TD></TR>
      <TR>
      <TD COLSPAN="3">&nbsp;</TD></TR>
      <TR>
      <TD COLSPAN="3">&nbsp;</TD></TR>
       
      <TR>
      <TD COLSPAN="3"><A NAME="marketing"><U><H3>MARKETING</H3></U></a></TD></TR>
      </TABLE>
      </TABLE>
      </BODY>
      </HTML>
Avatar of davlun20080
davlun20080
Try the following:

<HTML>
<HEAD>
<TITLE>Phone Extensions</TITLE>
</HEAD>
<LINK REL=stylesheet HREF="stylesheet.css" TYPE="text/css">
<BODY>
<H1 align="center">Phone Directory</H1>
<center>
  <TABLE WIDTH=58% BORDER=0>
    <TR>
      <TD colspan="4">
        <div align="center"><font size="2">Click on a link below to jump to that
          department: </font></div>
      </TD>
    </TR>
    <TR>
      <TD>
        <div align="center"><font size="2"><A HREF="#administration">Administration</A>
          </font> </div>
      </TD>
      <TD>
        <div align="center"><font size="2"><A HREF="#custserv">Customer Service</A>
          </font> </div>
      </TD>
      <TD>
        <div align="center"><font size="2"><A HREF="#finance">Finance / Accounting</A>
          </font> </div>
      </TD>
      <TD>
        <div align="center"><font size="2"><CETNER><A HREF="#logistics">Logistics</A></font></div>
      </TD>
    </TR>
    <TR>
      <TD>
        <div align="center"><A HREF="#mis"> <font size="2"> MIS </font> </A></div>
      </TD>
      <TD>
        <div align="center"><A HREF="#marketing"> <font size="2"> Marketing </font>
          </A></div>
      </TD>
      <TD>
        <div align="center"><A HREF="#receptionist"> <font size="2"> Receptionist
          </font> </A></div>
      </TD>
      <TD>
        <div align="center"><A HREF="#sales"> <font size="2"> Sales </font> </A></div>
      </TD>
    </TR>
  </table>
  <TABLE WIDTH=40% BORDER=0>
    <TD>
      <div align="center"><A HREF="#technical"> <font size="2"> Technical </font>
        </A></div>
    </TD>
    <TD>
      <div align="center"><A HREF="#salesrep"> <font size="2"> Sales Representatives
        </font> </A></div>
    </TD>
    <TD ALIGN="right">
      <div align="center"><font size="2"><A HREF="#tmi">TMI</A></font></div>
    </TD>
    </TR>
  </TABLE>
</center>
<BR>
<TABLE WIDTH=95% BORDER=0>
 
<TR>
    <TD COLSPAN=3><U>
      <H3><a name="administration"></a>ADMINISTRATION</H3>
      </U></TD>
</TR>
<TR>
<TD>ROODY RASMUSSEN</TD>
<TH><CENTER>PRESIDENT / SALES DIRECTOR</CENTER></TH>
<TD ALIGN="right">EXT 252</TD>
</TR>
<TR>
<TD COLSPAN="3">&nbsp;</TD></TR>
<TR>
<TD COLSPAN="3">&nbsp;</TD></TR>
 
<TR>
    <TD COLSPAN="3"><U>
      <H3><a name="custserv"></a>CUSTOMER SERVICE</H3>
      </U></TD>
  </TR>
<TR>
<TD COLSPAN="2">CHRIS BAKER</TD>
<TD ALIGN="right">EXT 231</TD></TR>
<TR>
<TD COLSPAN="2">CRANDALL CAUGHMAN</TD>
<TD ALIGN="right">EXT 287</TD></TR>
<TR>
<TD COLSPAN="2">KOBY CROOKS</TD>
<TD ALIGN="right">EXT 233</TD></TR>
<TR>
<TD COLSPAN="2">BRAD DOROUGH</TD>
<TD ALIGN="right">EXT 286</TD></TR>
<TR>
<TD COLSPAN="2">BEN JOHNSON</TD>
<TD ALIGN="RIGHT">EXT 228</TD></TR>
<TR>
<TD COLSPAN="2">ROGER STEED</TD>
<TD ALIGN="right">EXT 229</TD></TR>
 
<TR>
<TD COLSPAN="3">&nbsp;</TD></TR>
<TR>
<TD COLSPAN="3">&nbsp;</TD></TR>
 
<TR>
    <TD COLSPAN="3"><U>
      <H3><a name="finance"></a>FINANCE / ACCOUNTING</H3>
      </U></TD>
  </TR>
<TR>
<TD>KEN WAGSTAFF</TD>
<TH>FINANCE DIRECTOR</TH>
<TD ALIGN="right">EXT 222</TD></TR>
<TR>
<TD COLSPAN="2">MARIA CASTILLO</TD>
<TD ALIGN="right">EXT 227</TD></TR>
<TR>
<TD COLSPAN="2">DEB EVANS</TD>
<TD ALIGN="right">EXT 223</TD></TR>
<TR>
<TD COLSPAN="2">KEVIN PEARCE</TD>
<TD ALIGN="right">EXT 225</TD></TR>
<TR>
<TD COLSPAN="2">BRITTANY WISSLER</TD>
<TD ALIGN="right">EXT 224</TD></TR>
<TR>
<TD COLSPAN="3">&nbsp;</TD></TR>
<TR>
<TD COLSPAN="3">&nbsp;</TD></TR>
 
<TR>
    <TD COLSPAN="3"><U>
      <H3><a name="logistics"></a>LOGISTICS</H3>
      </U></TD>
  </TR>
<TR>
<TD>PEGGY POWELL</TD>
<TH>LOGISTICS DIRECTOR</TH>
<TD ALIGN="right">EXT 239</TD></TR>
<TR>
<TD>NATHAN KENNEDY</TD>
<TH>PURCHASING</TH>
<TD ALIGN="right">EXT 230</TD></TR>
<TR>
<TD>DEWAYNE STOKER</TD>
<TH>SHIPPING</TH>
<TD ALIGN="right">EXT 270</TD></TR>
<TR>
<TD>&nbsp;</TD>
<TD>&nbsp;</TD>
<TD ALIGN="right">Alt. EXT 243</TD></TR>
<TR>
<TD COLSPAN="3">&nbsp;</TD></TR>
<TR>
<TD COLSPAN="3">&nbsp;</TD></TR>
 
<TR>
    <TD COLSPAN="3"><U>
      <H3><a name="mis"></a>MIS</H3>
      </U></TD>
  </TR>
<TR>
<TD>NATE NEILSON</TD>
<TH>MIS MANAGER</TH>
<TD ALIGN="right">EXT 226</TD></TR>
<TR>
<TD COLSPAN="2">BRANDON GREENWOOD</TD>
<TD ALIGN="right">EXT 254</TD></TR>
<TR>
<TD COLSPAN="3">&nbsp;</TD></TR>
<TR>
<TD COLSPAN="3">&nbsp;</TD></TR>
 
<TR>
    <TD COLSPAN="3"><U>
      <H3><a name="marketing"></a>MARKETING</H3>
      </U></TD>
  </TR>
</TABLE>
</BODY>
</HTML>

I moved the anchors, fixed the table tags that were out of order and adjusted your font tags.  Some of you anchor tags were not closed as well.  As for the scrolling, the table will not scroll past the bottom of the page as per RayKun's answer above.  I think the problem is that plus the errors in the tags.  You can extend the table at the bottom or use RayKun's suggestion of using non-breaking spaces above.  Either way he is right in that the page will not scroll past the bottom of the page which in this case is the bottom of your table.

davlun
Avatar of davlun20080
davlun20080
WOW! Guess I should join forces with RayKun, he the man!  I was working on this and BAMM! I get an email that he posted this.  Oh Well, that's the way the cookie (no pun intended) crumbles.

davlun