PDA

View Full Version : Same picture diffrent text

Emilie
07-11-2004, 07:00 PM
Okay, so I have this problem that I think I can fix with frames, but I don't know how I have to do it.
I haven't put my page online yet, because it's far from done and I don't have a host yet, but I have this so far:
<html>
<head>
<title>The Dutch National Soccerteam Fanlisting</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type="text/css">
body{
background-color: #FF9829;
text-align: center;
cursor: crosshair;
scrollbar-face-color : #FF9829;
scrollbar-highlight-color : #FF9829;
scrollbar-3dlight-color : #FFFFFF;
scrollbar-shadow-color : #FF9829;
scrollbar-darkshadow-color : #FF9829;
scrollbar-track-color : #FFFFFF;
scrollbar-arrow-color : #FFFFFF;
}

a { text-decoration: none; color:#000000; }
a:active { text-decoration: line-through; }
a:hover { text-decoration: underline overline; }

#page {
background: url('back.gif');
margin: auto;
text-align: left;
position: relative;
width: 588px;
height: 576px;
}

iframe {
border: 0;
position: absolute;
top: 100px;
left: 201px;
width: 384px;
height: 473px;
}
</style>
</head>
<body>
<div id="page"><IMG SRC="back.gif" USEMAP="#back.gif" WIDTH=588 HEIGHT=576 BORDER=0>
<MAP NAME="back.gif">
<AREA SHAPE=RECT COORDS="201,88,224,96" href="frames.shtml" alt="frames">
<AREA SHAPE=RECT COORDS="224,88,250,96" href="frames.shtml" alt="frames">
<AREA SHAPE=RECT COORDS="250,88,277,96" href="frames.shtml" alt="frames">
<AREA SHAPE=RECT COORDS="277,88,295,96" href="frames.shtml" alt="frames">
<AREA SHAPE=RECT COORDS="295,88,317,96" href="frames.shtml" alt="frames">
<AREA SHAPE=RECT COORDS="317,88,342,96" href="frames.shtml" alt="frames">
<AREA SHAPE=RECT COORDS="507,90,585,96" href="frames.shtml" alt="frames">
</MAP>
<iframe src="mypage.html" frameborder="0"></iframe>
</div>
</body>
</html>

Okay, so as you see, I used an image map, but the big problem is, that now the links from the image map change the whole site and not just the iframe, which I'd like it to do.
Can anyone help me with this problem?
Valkyrie
07-11-2004, 07:16 PM
In order for your pages to open in the frame, you'll have to target the links to the frame. I see that you havent named you frame, so I'd suggest adding this to the frame code: name="main"
(You can change the frame name to whatever you want)
Then, for the links, you will add: target="main"
And keep in mind that the frame name and target name have to match, in order to work.
I hope that helps. :)
Emilie
07-11-2004, 07:27 PM
AH! Ik works!
YAY!
thanks soooo much!
I thought it would be all complicated and stuff!
Yay!
Thanks a bunch!