Help - Search - Members - Calendar
Full Version: iframes
Forums > Resource Center > Webmasters' Corner > Webmasters' Corner Resolved Topics
rayyyy
My site uses iframes and when i try to link to another part on my site..the header shows up in the iframe but there is NO link at all to my header? why is it showing up?
synatribe
did you put the iframe tags above your headers or below

for example

CODE

<?php include ("header1.php")?>
<iframe>STUFF HERE</iframe>
<?php include ("footer.php")?>


or did you

CODE

<iframe>STUFF HERE</iframe>
<?php include ("header1.php")?>
<?php include ("footer.php")?>

rayyyy
the first one. although its not done in php lol
synatribe
QUOTE(rayyyy @ Apr 13 2008, 05:57 PM) *
the first one. although its not done in php lol

okay so if it wasnt php then I think what you did was add a header in the iframe file too right?

so this is what I recommend, only code your index page, dont code any other pages, then add the link to the files, but in the other files attach the stylesheet so that the style dosent look weird :]
rayyyy
uhm I didn't add a header in the iframe. there was no link to the header image anywhere. Not in the style sheet not in anything. i have no idea why it was there. Now it's not there but the background to the content and the iframe is transparent. and i have no idea why. :(
synatribe
could you link you website please an maybe add the code of you pages so that I could help you out a little more :]]]
rayyyy
http://fansites.hollywood.com/~pushplayfanatic/

thats the website.

this is the code to that page.

CODE
<html>
<head>
<link rel="stylesheet" type="text/css" href="style.css">
<title>-Push Play Fanatics</title>
<style type="text/css">
{background-color: #ffffff;
Body {background-color: 95E8F9;
scrollbar-arrow-color: #ffffff;
scrollbar-track-color: #79a2a4;
scrollbar-shadow-color: #ffffff;
scrollbar-face-color: #46686a;
scrollbar-highlight-color: #ffffff;
scrollbar-darkshadow-color: #000000;
scrollbar-3dlight-color: #ffffff;
cursor: crosshair;
overflow-x: hidden;
font-family: arial;
font-size: 12px;
font-weight:normal;
color:#000000;}

</style>
</head>

<body>


<div style="position: relative; width:470px;float:left;">
<h1>Push Play</ha1>
<h2>
</h2>
<br>
<br>
<a href="bios.html">Biographies</a><br>
<a href="contact.html">Contact Push Play</a><br>
<a href="lyrics.html">Lyrics</a><br>
<a href="tourdates.html">Tour Dates</a><br>
<a href="comments.html">Push Play Comments</a><br>
</div>
</div>

</div>
</body>
</html>
synatribe
on your iframe page do u have any type of coding because your header shouldn show up, did you put that HTML into your iframe external pages?

edit
also, iframes require javascript, how come theres no javascript in your coding?
rayyyy
i dunno. but it works except for the one part being white. the layout isnt mine. it was premade by a site and on the site it has a tutorial on how to make it using iframes. so i did that.
synatribe
well based on the coding that you gave me there is no iframe because iframes required javascript for activation and they should require the Ifram tags,
if it is okay I would like to teach you another very easy way, this is how every site does their layouts :]

make a new document and save this as "above.php"
CODE

<html>
<head>
<link rel="stylesheet" type="text/css" href="style.css">
<title>-Push Play Fanatics</title>
<style type="text/css">
{background-color: #ffffff;
Body {background-color: 95E8F9;
scrollbar-arrow-color: #ffffff;
scrollbar-track-color: #79a2a4;
scrollbar-shadow-color: #ffffff;
scrollbar-face-color: #46686a;
scrollbar-highlight-color: #ffffff;
scrollbar-darkshadow-color: #000000;
scrollbar-3dlight-color: #ffffff;
cursor: crosshair;
overflow-x: hidden;
font-family: arial;
font-size: 12px;
font-weight:normal;
color:#000000;}

</style>
</head>

<body>
<div style="position: relative; width:470px;float:left;">
<h1>Push Play</ha1>
<h2>
</h2>
<br>
<br>
<a href="bios.html">Biographies</a><br>
<a href="contact.html">Contact Push Play</a><br>
<a href="lyrics.html">Lyrics</a><br>
<a href="tourdates.html">Tour Dates</a><br>
<a href="comments.html">Push Play Comments</a><br>
</div>
</div>

</div>


then open another document and save this as footer.php

CODE

</body>
</html>


then upload the files, then on you page put this
CODE

<?php include ("above.php")?>
CONTENT HERE
<?php include ("footer.php"?>


what this basically does is if you insert the <?php tags then those act as you header and footer, so its really easy to change your layout if you feel like changing your layout, Im sorry I could not help you with the iframe because in that layout there was no iframe code to work with :]
but hopefully this helped you out a bit :]
rayyyy
I really appreciate that. I will definitely use that. thank you so much. and there are iframe tags. just not on that page. they're on the index. they are 2 different pages. sorry lol.
synatribe
oo okay :]] ur welcome, glad to help you out :]
This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.