PDA

View Full Version : Help!!! I need help with iframes!!!

heavensent1989
06-29-2003, 08:43 PM
I have this website and i used iframes. The main page is like this:

<html>

<head>


<style type="text/css"><!--

body{background:black;cursor:default}

font{font-family:COMIC sans MS;font-size:7pt;line-height:8pt;font-weight:normal;font-style:normal;font-color:white}

b,i{color:white;font-family:verdana;font-size:8pt}

a:visited,a:link,a:active{color:white;text-decoration:none;cursor:none}

a:hover{color:white;text-decoration:none;position:relative; left:1.5px; top:1.5px;cursor:nw-resize}

hr{color:white;height:1}

<body style="direction: rtl" bgproperties="fixed" topmargin="0" leftmargin="0"><div style="direction: ltr">

<style><STYLE type="text/css">

<!--



body {scrollbar-face-color:#3399FF;

scrollbar-shadow-color:#000000;scrollbar-highlight-color:white;

scrollbar-3dlight-color:#000000;scrollbar-darkshadow-color:#3399FF;scrollbar-track-color:#000000;

scrollbar-arrow-color:white}

<body bgcolor="allowtransparency=true">

--></STYLE>



<title>.:Summer Splash:.</title>

</head>



</head>



<body>



<DIV style="LEFT: 0px; WIDTH: 658px; POSITION: absolute; TOP: 0px">

<TABLE background="layout3f.gif" height=588 width=656 BGCOLOR="#ffffff" CELLSPACING="0" CELLPADDING="0" BORDER="0">

<TR>

<TD>

<iframe frameborder="0" border="0" src="left.html"

name=left style="position:absolute; top:14; left:15; width:235;

height:235" scrolling=auto allowtransparency=true</iframe>

<iframe frameborder="0" border="0" src="v7m.html"

name=left style="position:absolute; top:285; left:3; width:359;

height:282" scrolling=auto allowtransparency=true</iframe>

<iframe frameborder="0" border="0" src="right.html"

name=left style="position:absolute; top:364; left:407; width:234;

height:211" scrolling=auto allowtransparency=true</iframe>




</TABLE>



</body>

</html>

And the menu page looks like this :

<STYLE type="text/css">
<!--BODY {
background-color:transparent;
font-size:10px;
font-family:verdana;
line-height: 8px;
}-->

A:hover{color:WHITE;text-decoration:none; font-weight:bold; cursor:default}
A:link{color:#3399FF;text-decoration:none; font-weight:bold; cursor:default}
A:visited{color:#3399FF;text-decoration:none; font-weight:bold; cursor:default}
A:active{color:white;text-decoration:none; font-weight:bold; cursor:default}
A:hover{color:white;text-decoration:none; font-weight:bold; cursor:default}>

<!--
body {scrollbar-face-color:#3399FF;

scrollbar-shadow-color:#000000;scrollbar-highlight-color:white;

scrollbar-3dlight-color:#000000;scrollbar-darkshadow-color:#3399FF;scrollbar-track-color:#000000;

scrollbar-arrow-color:white}-->
</style>


<font color="white">

<CENTER>.:Me:.<br>

<a href="about.html"target="v7m">About</a><br>
<a href="Pets.html"target="v7m.html">My Pets</a><br>
<a href="Quizzes.html"target="v7m.html">Quizzes</a><br>
<a href="Gift.html"target="v7m.html">Gifts</a><br>
<a href="e.html"target="v7m">Enemies.html</a><br><br>

.:You:.<br>
<a href="Layout.html"target="v7m.html">Layouts</a><br>
<a href="Blink.html"target="v7m.html">Blinkies</a><br>
<a href="Dolls.html"target="v7m.html">Dolls</a><br><br>

.:WwW:.<br>
<a href="lm.html"target="v7m.html">Link Me</a><br>
<a href="links.html"target="v7m.html">Links</a><br>
<a href="ss.html"target="v7m.html">Sister Sites</a><br>
<a href="bw.html"target="v7m.html">Button Wall</a><br>
<br><br>

.:Other:.<br>
<a href="Credits.html"target="v7m.html">Credits</a><br><br>


<a href="v7m.html"target="v7m.html">Clear</a><br><br>

What i want it to do is that when u click on the menu links, that it will pop up in the main v7m iframe, but it opens to a new window when I do click the links... What do I do?
kittycat
06-29-2003, 09:11 PM
You probably aren't targeting them properly... check the target of your links as well as the name of the iframe. Your code needs a bit of fixing up too, try the following:

<html>
<head>

<style type="text/css"><!--

font{font-family:COMIC sans MS;font-size:7pt;line-height:8pt;font-weight:normal;font-style:normal;font-color:white}

b,i{color:white;font-family:verdana;font-size:8pt}

a:visited,a:link,a:active
{color:white;text- decoration:none;cursor:none}

a:hover{color:white;text- decoration:none;position:
relative; left:1.5px; top:1.5px;cursor:nw-resize}

hr{color:white;height:1}

body {scrollbar-face-color:#3399FF;

scrollbar-shadow-color:#000000;scrollbar-highlight-color:white;

scrollbar-3dlight-color:#000000;scrollbar-darkshadow-color:#3399FF;scrollbar-track-color:#000000;

scrollbar-arrow-color:white;
background:black; cursor:default}

--></STYLE>

<title>.:Summer Splash:.</title>

</head>

<body style="direction: rtl" bgproperties="fixed" topmargin="0" leftmargin="0">
<div style="direction: ltr">

<DIV style="LEFT: 0px; WIDTH: 658px; POSITION: absolute; TOP: 0px">

<TABLE background="layout3f.gif" height=588 width=656 BGCOLOR="#ffffff" CELLSPACING="0" CELLPADDING="0" BORDER="0">
<TR>
<TD>
<iframe frameborder="0" border="0" src="left.html"

name="left" style="position:absolute; top:14; left:15; width:235;

height:235" scrolling="auto" allowtransparency="true"></iframe>

<iframe frameborder="0" border="0" src="v7m.html"

name="left" style="position:absolute; top:285; left:3; width:359;

height:282" scrolling="auto" allowtransparency="true"></iframe>

<iframe frameborder="0" border="0" src="right.html"

name="left" style="position:absolute; top:364; left:407; width:234; height:211" scrolling="auto" allowtransparency="true"></iframe>

</TABLE>
</body>
</html>

You still have to change the names of each of the iframes to something different, and change the link target as needed as well. And if that's the entire code for your menu page, you're missing important tags like the <html><body> etc.
heavensent1989
06-30-2003, 06:04 PM
I checked the iframe name and everything and it seems to be correct. I just can't get it to work.