Still celebrating National IT Professionals Day with 3 months of free Premium Membership. Use Code ITDAY17

x
?
Solved

Linking from a table to a table

Posted on 1999-07-20
7
Medium Priority
?
174 Views
Last Modified: 2012-08-30
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.
0
Comment
Question by:Bgreenwood
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 3
  • 2
  • 2
7 Comments
 

Accepted Solution

by:
RayKun earned 200 total points
ID: 1852168
I suspect that the link is working. However, the page may stop due to the bottom hitting the end of the html page.

This is better explained with the following: - see what happens with the <br>&nbsp;<br>'s and without).

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html><head><title>Link Test</title></head>

<body bgcolor="#FFFFFF">
<table width="75%" border="1">
<tr><td>
<A HREF="#row_6">Test</a>
</td></tr></table>


<table width="50%" border="1">
<tr><td>Row 1</td></tr>

<tr><td>Row 2</td></tr>

<tr><td>Row 3</td></tr>

<tr><td>Row 4</td></tr>

<tr><td>Row 5</td></tr>

<tr><td><A NAME="row_6">Row 6</A></td></tr></table>

<br>&nbsp;<br><br>&nbsp;<br><br>&nbsp;<br><br>&nbsp;<br><br>&nbsp;<br><br>&nbsp;<br><br>&nbsp;<br><br>&nbsp;<br><br>&nbsp;<br><br>&nbsp;<br><br>&nbsp;<br><br>&nbsp;<br><br>&nbsp;<br><br>&nbsp;<br><br>&nbsp;<br><br>&nbsp;<br><br>&nbsp;<br><br>&nbsp;<br><br>&nbsp;<br><br>&nbsp;<br><br>&nbsp;<br><br>&nbsp;<br><br>&nbsp;<br><br>&nbsp;<br>

</body></html>

0
 
LVL 1

Author Comment

by:Bgreenwood
ID: 1852169
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.
0
 
LVL 3

Expert Comment

by:davlun20080
ID: 1852170
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
0
Concerto Cloud for Software Providers & ISVs

Can Concerto Cloud Services help you focus on evolving your application offerings, while delivering the best cloud experience to your customers? From DevOps to revenue models and customer support, the answer is yes!

Learn how Concerto can help you.

 
LVL 1

Author Comment

by:Bgreenwood
ID: 1852171
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>

0
 

Expert Comment

by:RayKun
ID: 1852172
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>
0
 
LVL 3

Expert Comment

by:davlun20080
ID: 1852173
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
0
 
LVL 3

Expert Comment

by:davlun20080
ID: 1852174
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
0

Featured Post

On Demand Webinar: Networking for the Cloud Era

Did you know SD-WANs can improve network connectivity? Check out this webinar to learn how an SD-WAN simplified, one-click tool can help you migrate and manage data in the cloud.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Originally, this post was published on Monitis Blog, you can check it here . In business circles, we sometimes hear that today is the “age of the customer.” And so it is. Thanks to the enormous advances over the past few years in consumer techno…
Without even knowing it, most of us are using web applications on a daily basis.  In fact, Gmail and Yahoo email, Twitter, Facebook, and eBay are used by most of us daily—and they are web applications. We generally confuse these web applications to…
In this tutorial viewers will learn how to style a corner ribbon overlay for an image using CSS Create a new class by typing ".Ribbon":  Define the class' "display:" as "inline-block": Define its "position:" as "relative": Define its "overflow:" as …
The viewer will learn the basics of jQuery including how to code hide show and toggles. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery…

721 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question