typicalovestory
05-16-2009, 10:11 AM
Hey,
So i'm using iframes and wanted to make it scrolling via the use of an imagemap. So I have TWO imagemaps. One for the scrolling aspect. And the other is for the navigation. I've been working at this for hours now but I can't seem to see my error as to WHy I can't get them both to work.
my coding
<html><head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<title>me&you</title>
<meta name="Keywords" content="life">
<link rel="stylesheet" type="text/css" href="Files/style.css">
<script charset="utf-8" id="injection_graph_func" src="Files/injection_graph_func.js"></script>
</head>
<!-- SLICES -->
<table id="Table_01" width="900" border="0" cellpadding="0" cellspacing="0" height="600">
<tbody><tr>
<td>
<img src="Files/layoutp1.png" usemap="#scroll" alt="" width="286" border="0" height="600"></td>
<td>
<img src="Files/layoutp2.png" usemap="#map" alt="" width="714" border="0" height="600"></td>
</tr>
</tbody></table>
<!-- SLICES -->
<map name="scroll">
<area shape="rect" coords="223,394,252,419" href="#" onmouseover="scrollspeed=-1" onmouseout="scrollspeed=0">
<area shape="rect" coords="222,432,252,454" href="#" onmouseover="scrollspeed=1" onmouseout="scrollspeed=0"></map>
<map name="map">
<area shape="rect" coords="735,204,781,247" href="home.htm" target="frame">
<area shape="rect" coords="736,254,787,298" href="about.htm"target="frame" >
<area shape="rect" coords="736,309,786,353" href="dates.htm" target="frame">
<area shape="rect" coords="736,354,786,398" href="other.htm" target="frame"></map>
<div style="position: absolute; left: 275px; top: 165px;" align="left">
<iframe name="frame" src="Files/main.htm" allowtransparency="0" title="Main" scrolling="no" width="435" align="left"
frameborder="0" height="290"></iframe>
</div>
</body></html>
Right now only the scrolling part is working.
help is much appreciated.
So i'm using iframes and wanted to make it scrolling via the use of an imagemap. So I have TWO imagemaps. One for the scrolling aspect. And the other is for the navigation. I've been working at this for hours now but I can't seem to see my error as to WHy I can't get them both to work.
my coding
<html><head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<title>me&you</title>
<meta name="Keywords" content="life">
<link rel="stylesheet" type="text/css" href="Files/style.css">
<script charset="utf-8" id="injection_graph_func" src="Files/injection_graph_func.js"></script>
</head>
<!-- SLICES -->
<table id="Table_01" width="900" border="0" cellpadding="0" cellspacing="0" height="600">
<tbody><tr>
<td>
<img src="Files/layoutp1.png" usemap="#scroll" alt="" width="286" border="0" height="600"></td>
<td>
<img src="Files/layoutp2.png" usemap="#map" alt="" width="714" border="0" height="600"></td>
</tr>
</tbody></table>
<!-- SLICES -->
<map name="scroll">
<area shape="rect" coords="223,394,252,419" href="#" onmouseover="scrollspeed=-1" onmouseout="scrollspeed=0">
<area shape="rect" coords="222,432,252,454" href="#" onmouseover="scrollspeed=1" onmouseout="scrollspeed=0"></map>
<map name="map">
<area shape="rect" coords="735,204,781,247" href="home.htm" target="frame">
<area shape="rect" coords="736,254,787,298" href="about.htm"target="frame" >
<area shape="rect" coords="736,309,786,353" href="dates.htm" target="frame">
<area shape="rect" coords="736,354,786,398" href="other.htm" target="frame"></map>
<div style="position: absolute; left: 275px; top: 165px;" align="left">
<iframe name="frame" src="Files/main.htm" allowtransparency="0" title="Main" scrolling="no" width="435" align="left"
frameborder="0" height="290"></iframe>
</div>
</body></html>
Right now only the scrolling part is working.
help is much appreciated.