RedDucati748
MIS
Looking for a little help with my problem below. I have one page with two frames and the frames should link internally. However, instead of the left frame linking to the desired section in the right frame, the right frame data replaces the data in the left frame. I'm trying to create a table of contents in the left frame and a link those contents to those corresponding sections in the second frame. I can get it to work with a page and one frame, but not frame to frame.
Thanks-
------------------------------------------------------------
MAIN PAGE:
<html>
<head>
<title>main</title>
</head>
<body>
<p><iframe name="left" src="left" height="400">Not supported by browser.</iframe><iframe name="right" src="right" width="450" height="400">
Not supported by browser.</iframe></p>
<!-- <frame name="left" src="left" width="300" height="400">Not supported by browser./>
<frame name="right" src="right" width="450" height="400">Not supported by browser./> -->
</body>
</html>
------------------------------------------------------------
LEFT FRAME:
<html>
<head>
<title>left</title>
</head>
<body>
<p><font size="4" color="#0000FF">Pet Information</font></p>
<ul>
<li>
<p style="margin-top: 40; margin-bottom: 40"><a href="right.html#birds">Birds</a></li>
<li>
<p style="margin-top: 40; margin-bottom: 40"><a href="right.html#cats">Cats</a></li>
<li>
<p style="margin-top: 40; margin-bottom: 40"><a href="right.html#dogs">Dogs</a></li>
<li>
<p style="margin-top: 40; margin-bottom: 40"><a href="right.html#fish">Fish</a></li>
</ul>
</body>
</html>
----------------------------------------------------------------------
RIGHT FRAME:
<html>
<head>
<title>right</title>
</head>
<body>
<ul>
<li>
<p style="margin-top: 0; margin-bottom: 0"><em>Birds</em></li>
</ul>
<p style="margin-top: 0; margin-bottom: 0"> <p style="margin-top: 0; margin-bottom: 0"> <p style="margin-top: 0; margin-bottom: 0"> <p style="margin-top: 0; margin-bottom: 0"> <p style="margin-top: 0; margin-bottom: 0"> <ul>
<li>
<p style="margin-top: 0; margin-bottom: 0"><em>Cats</em></li>
</ul>
<p style="margin-top: 0; margin-bottom: 0"> <p style="margin-top: 0; margin-bottom: 0"> <p style="margin-top: 0; margin-bottom: 0"> <p style="margin-top: 0; margin-bottom: 0"> <p style="margin-top: 0; margin-bottom: 0"> <ul>
<li>
<p style="margin-top: 0; margin-bottom: 0"><em>Dogs</em></li>
</ul>
<p style="margin-top: 0; margin-bottom: 0"> <p style="margin-top: 0; margin-bottom: 0"> <p style="margin-top: 0; margin-bottom: 0"> <p style="margin-top: 0; margin-bottom: 0"> <p style="margin-top: 0; margin-bottom: 0"> <ul>
<li>
<p style="margin-top: 0; margin-bottom: 0"><em>Fish</em></li>
</ul>
<p style="margin-top: 0; margin-bottom: 0"> <p style="margin-top: 0; margin-bottom: 0"> <p style="margin-top: 0; margin-bottom: 0"> <p style="margin-top: 0; margin-bottom: 0"> <p style="margin-top: 0; margin-bottom: 0">
</body>
</html>
Thanks-
------------------------------------------------------------
MAIN PAGE:
<html>
<head>
<title>main</title>
</head>
<body>
<p><iframe name="left" src="left" height="400">Not supported by browser.</iframe><iframe name="right" src="right" width="450" height="400">
Not supported by browser.</iframe></p>
<!-- <frame name="left" src="left" width="300" height="400">Not supported by browser./>
<frame name="right" src="right" width="450" height="400">Not supported by browser./> -->
</body>
</html>
------------------------------------------------------------
LEFT FRAME:
<html>
<head>
<title>left</title>
</head>
<body>
<p><font size="4" color="#0000FF">Pet Information</font></p>
<ul>
<li>
<p style="margin-top: 40; margin-bottom: 40"><a href="right.html#birds">Birds</a></li>
<li>
<p style="margin-top: 40; margin-bottom: 40"><a href="right.html#cats">Cats</a></li>
<li>
<p style="margin-top: 40; margin-bottom: 40"><a href="right.html#dogs">Dogs</a></li>
<li>
<p style="margin-top: 40; margin-bottom: 40"><a href="right.html#fish">Fish</a></li>
</ul>
</body>
</html>
----------------------------------------------------------------------
RIGHT FRAME:
<html>
<head>
<title>right</title>
</head>
<body>
<ul>
<li>
<p style="margin-top: 0; margin-bottom: 0"><em>Birds</em></li>
</ul>
<p style="margin-top: 0; margin-bottom: 0"> <p style="margin-top: 0; margin-bottom: 0"> <p style="margin-top: 0; margin-bottom: 0"> <p style="margin-top: 0; margin-bottom: 0"> <p style="margin-top: 0; margin-bottom: 0"> <ul>
<li>
<p style="margin-top: 0; margin-bottom: 0"><em>Cats</em></li>
</ul>
<p style="margin-top: 0; margin-bottom: 0"> <p style="margin-top: 0; margin-bottom: 0"> <p style="margin-top: 0; margin-bottom: 0"> <p style="margin-top: 0; margin-bottom: 0"> <p style="margin-top: 0; margin-bottom: 0"> <ul>
<li>
<p style="margin-top: 0; margin-bottom: 0"><em>Dogs</em></li>
</ul>
<p style="margin-top: 0; margin-bottom: 0"> <p style="margin-top: 0; margin-bottom: 0"> <p style="margin-top: 0; margin-bottom: 0"> <p style="margin-top: 0; margin-bottom: 0"> <p style="margin-top: 0; margin-bottom: 0"> <ul>
<li>
<p style="margin-top: 0; margin-bottom: 0"><em>Fish</em></li>
</ul>
<p style="margin-top: 0; margin-bottom: 0"> <p style="margin-top: 0; margin-bottom: 0"> <p style="margin-top: 0; margin-bottom: 0"> <p style="margin-top: 0; margin-bottom: 0"> <p style="margin-top: 0; margin-bottom: 0">
</body>
</html>