problem uploading iframes [Archive] - Lissa Explains it All: Web Design Forums

View Full Version : problem uploading iframes

Miette

07-06-2003, 10:05 PM

I made all the coding of both my iframes offline, and they look exactly how I want them to be. My problem comes when I upload them to Geocities, I do so, and when I go to see them online, they're just blank pages.
Does anybody know why can that be?
Thanks.

vicious_wy

07-06-2003, 10:08 PM

Is it possible that perhaps you are using a program to write the html and your browser doesn't support frames? Being able to see the code would help.

Miette

07-06-2003, 10:18 PM

As far as I know my browser does support frames. I see them offline, but when I upload them, they're gone :( Here's my code, the links are not working, it's just to have a main idea:

<html>
<head>

<style type="text/css">
BODY {scrollbar-3dlight-color:#0066cc;
scrollbar-arrow-color:#99ccff;
scrollbar-base-color:#99ccff;
scrollbar-track-color:#99ccff;
scrollbar-darkshadow-color:#99ccff;
scrollbar-face-color:#0066cc;
scrollbar-highlight-color:#99ccff;
scrollbar-shadow-color:#99ccff}

<!--a:link{font-weight: none;
text-decoration:none;
color:#0066CC
}

a:visited {font-weight:none;
text-decoration:none;
color:#0066CC}

a:hover{font-weight: none;

text-decoration: line-through;

color: #46B9FF;

cursor:s-resize}

BODY{cursor:normal}

</STYLE>
<title>EVERYDAY ANGELS</title>
</head>

<body bgcolor="99ccff" style="overflow-x:hidden;">

<img src="http://www.geocities.com/dafne_miette/left.jpg" width="220" height="2000" alt="left">

<div style="position:absolute;top:30px;left:30px;right:265px;b ottom:1000px;">

<span style="width: 180; height: 100; font-size: 1; font-family: verdana; color: #0066cc; border: 2; border-style:dashed;">

<font color="0066cc" size="2" face="helvetica"><u><b>NAVIGATION</b></u><br>

<img src="http://www.geocities.com/dafne_miette/star.jpg" width="12" height="12" alt="star"><a href="http://www.geocities.com/dafne_miette/me.html" target="rightside">me</a><br>

<img src="http://www.geocities.com/dafne_miette/star.jpg" width="12" height="12" alt="star"><a href="http://www.geocities.com/dafne_miette/you.html" target="rightside">you</a><br>

<img src="http://www.geocities.com/dafne_miette/star.jpg" width="12" height="12" alt="star"><a href="http://www.geocities.com/dafne_miette/site.html" target="rightside">site</a><br>

<img src="http://www.geocities.com/dafne_miette/star.jpg" width="12" height="12" alt="star"><a href="http://www.geocities.com/dafne_miette/www.html" target="rightside">www</a><br>

<img src="http://www.geocities.com/dafne_miette/star.jpg" width="12" height="12" alt="star"><a href="http://www.geocities.com/dafne_miette/home.html" target="rightside">home</a></span><br><br><br>

<span style="width: 180; height: 100; font-size: 1; font-family: verdana; color: #0066cc; border: 2; border-style:dashed;">
<font color="0066cc" size="2" face="helvetica">
<u><b>RIGHT NOW...</b></u><br>
+Date:<br>
+Time<br>
+My mood:<a href="http://www.imood.com/query.cgi?email=dafne_miette@yahoo.es"><img src="http://moods.imood.com/display/email=dafne_miette@yahoo.es/fg=0066cc/bg=99ccff" alt="The current mood of dafne_miette@yahoo.es at www.imood.com" border="0"></a><br>
+Wearing:<br>
+Eating:<br>
+Drinking:<br>
+Watching:<br>
+Listening to:<br>
+Talking to:<br>
+Surfing:</span><br><br><br>

<span style="width: 180; height: 100; font-size: 1; font-family: verdana; color: #0066cc; border: 2; border-style:dashed;">
<font color="0066cc" size="2" face="helvetica">
<u><b>SITE STATS</b></u><br>
+Since: July 2003<br>
+Angels online: <script language="JavaScript" type="text/javascript" src="http://www.uqg-2000.com/server.php?service=online&id=everydayangels"></script><br>
+Hits: <script language="JavaScript" type="text/javascript" src="http://www.uqg-2000.com/server.php?service=counter&id=everydayangels"></script></span><br><br><br>

<SCRIPT LANGUAGE="Javascript" TYPE="text/javascript" SRC="http://www.tag-board.com/tagboard.js?boardname=everydayange"></SCRIPT>

<table width="200" cellpadding="2" cellspacing="0">
<tr>
<td width="200" height="200" valign=top border="1">
<iframe src="http://www.tag-board.com/my.tag?name=everydayange" name="tag" width="160" height="200"
marginwidth="0" marginheight="0" border: 1 solid #000080">
></iframe>
<script>netscape_support();</script>
</td>
</tr>
<tr>
<td>
<a href="http://www.tag-board.com/" target="_new"><font size="1">Powered by TagBoard Message Board</font></a>
</td>
</tr>
<tr>
<td>
<form action="http://www.tag-board.com/add.tag" method="post" name="tagform" target="tag">
<input type="hidden" name="name" value="everydayange">
Name<br>
<input name="tagname" maxlength="20" ><br>
URL or Email<br>
<input name="tagurl" maxlength="100"><br>
Messages(<a href="http://www.tag-board.com/smilies/smilies.htm" onClick="return pop_up_smilies();" target="_blank">smilies</a>)
<br>
<textarea cols="24" rows="3" name="message" wrap></textarea><br>
<input class=button type="submit" value="TAG" onclick="return Clear_Last_Message_on_Submit();">
</form>
<script>rememberme()</SCRIPT>
</td>
</tr>
</table>

</div>
</body>
</html>

If you find any mistake, I'll be really thankful if you help me with it. Thanks

MaGiCSuN

07-07-2003, 01:58 PM

the only iframe i can find is the one from tagboard and if you have copied the code that should work fine.

Are you using pagebuilder?

Love,
Mirna

Miette

07-07-2003, 02:01 PM

No, I'm doing the HTML code in Notepad. That's only one of my iframes, I mean, it's a normal HTML page, but what I don't really know is that it's perfect until I upload it, and then it's gone! :(
It happens with both my iframes, so when I try to see the whole page with the two iframes, I just can see the layout picture, the background and two white iframes. I'm going crazy trying to find out why

MaGiCSuN

07-07-2003, 02:05 PM

did you closed the iframe code? like this

<iframe></iframe>

and could you maybe post the codes of the iframes from your notepad file. I'm assuming that you do have those codes on your harddrive... right? thanks

Love,
Mirna

Miette

07-07-2003, 02:12 PM

I'm supposed to close each iframe? ok, I'm confused, here are my codes anyway: The one I posted before was the left iframe. This is my right iframe:

<html>
<head>
<style type="text/css">
BODY {scrollbar-3dlight-color:#0066cc;
scrollbar-arrow-color:#99ccff;
scrollbar-base-color:#99ccff;
scrollbar-track-color:#99ccff;
scrollbar-darkshadow-color:#99ccff;
scrollbar-face-color:#0066cc;
scrollbar-highlight-color:#99ccff;
scrollbar-shadow-color:#99ccff}

<!--a:link{font-weight: none;
text-decoration:none;
color:#0066CC;
}

a:visited {font-weight:none;
text-decoration:none;
color:#0066CC}

a:hover{font-weight: none;

text-decoration: line-through;

color: #46B9FF;

cursor:s-resize}

BODY{cursor:normal}
</STYLE>
<script type="text/javascript" src="http://enetation.co.uk/user.php?user=Everydayangels"></script>

<title>EVERYDAY ANGELS</title>
<head>
<body bgcolor="0066cc" style="overflow-x:hidden;">
<img src="http://www.geocities.com/dafne_miette/right.jpg" width="443" height="2000" alt="right">

<div style="position:absolute;top:50px;left:50px;right:200px;b ottom:1000px;">

<span style="width: 370; height: 100; font-size: 1; font-family: verdana; color: #99ccff; border: 2; border-style:dashed;">
<font color="99ccff" size="2" face="helvetica">
Why isn't it working!!! :(<br>

<script type="text/javascript">LinktoComments('1')</script>
<noscript><a href="http://enetation.co.uk/comments.php?user=Everydayangels&commentid=1">Comment</a></noscript>

</body>
</html>

MaGiCSuN

07-07-2003, 02:13 PM

i mean, the code of the iframe itself. The <iframe> code, not the content that is in it :)

Love,
Mirna

Miette

07-07-2003, 02:14 PM

And this is the whole code of my main page:

<HTML>
<HEAD>
<title>Angels</title>

<BODY BACKGROUND="http://www.geocities.com/dafne_miette/bg.jpg" >
<img src="HTTP://www.geocities.com/dafne_miette/jewel.jpg" leftmargin="0" topmargin="0"
style="position:absolute;top:30px;left:40px;">

<style type="text/css">
BODY {scrollbar-3dlight-color:#0066cc;
scrollbar-arrow-color:#99ccff;
scrollbar-base-color:#99ccff;
scrollbar-track-color:#99ccff;
scrollbar-darkshadow-color:#99ccff;
scrollbar-face-color:#0066cc;
scrollbar-highlight-color:#99ccff;
scrollbar-shadow-color:#99ccff}

<!--a:link{font-weight: none; text-decoration:none; color:#CE30FF;font-size:7.5pt}
a:visited {font-weight:none; text-decoration:none; color:#CE30FF; font-size:7.5pt}
a:hover{font-weight: none; text-decoration: none; color: #46B9FF; font-size:7.5pt;cursor:e-resize}
BODY{cursor:normal}
</STYLE>

<STYLE>
BODY #0066cc;
background-repeat:repeat-y;background-position: 0px 0px}
</STYLE>

<div style="position:absolute;top:377px;left:25px;right:265px; bottom:1000px;">
<iframe src="C:\Documents and Settings\Cristina\Mis documentos\Mis Webs\angels\layout\left.html" FRAMEBORDER=no name="navigation" width="240" height="2000" scrolling=no></iframe>
</div>

<div style="position:absolute;top:377px;left:300px;right:760px ;bottom:1000px;">
<iframe src="C:\Documents and Settings\Cristina\Mis documentos\Mis Webs\angels\layout\right.html" FRAMEBORDER=no name="main.html" width="460" height="2000" scrolling=no></iframe>
</div>

</BODY>
</HTML>

It looks perfect here in my computer. There's some problem when I put it up in Geocities :( Thanks for your help ;)

MaGiCSuN

07-07-2003, 02:15 PM

you have linked to your harddrive:

C:\Documents and Settings\Cristina\Mis documentos\Mis Webs\angels\layout\right.html

you should upload the right.html and just link it as

right.html

instead of the full url. You can't link to your harddrive, everything should be uploaded :)

Love,
Mirna

Miette

07-07-2003, 02:18 PM

Sorry, I was just trying something, and I forgot to fix it. This is the code, I uploaded the frames, but I can't see them.

<HTML>
<HEAD>
<title>Angels</title>

<BODY BACKGROUND="http://www.geocities.com/dafne_miette/bg.jpg" >
<img src="HTTP://www.geocities.com/dafne_miette/jewel.jpg" leftmargin="0" topmargin="0"
style="position:absolute;top:30px;left:40px;">

<style type="text/css">
BODY {scrollbar-3dlight-color:#0066cc;
scrollbar-arrow-color:#99ccff;
scrollbar-base-color:#99ccff;
scrollbar-track-color:#99ccff;
scrollbar-darkshadow-color:#99ccff;
scrollbar-face-color:#0066cc;
scrollbar-highlight-color:#99ccff;
scrollbar-shadow-color:#99ccff}

<!--a:link{font-weight: none; text-decoration:none; color:#CE30FF;font-size:7.5pt}
a:visited {font-weight:none; text-decoration:none; color:#CE30FF; font-size:7.5pt}
a:hover{font-weight: none; text-decoration: none; color: #46B9FF; font-size:7.5pt;cursor:e-resize}
BODY{cursor:normal}
</STYLE>

<STYLE>
BODY #0066cc;
background-repeat:repeat-y;background-position: 0px 0px}
</STYLE>

<div style="position:absolute;top:377px;left:25px;right:265px; bottom:1000px;">
<iframe src="http://www.geocities.com/dafne_miette/left.html" FRAMEBORDER=no name="navigation" width="240" height="2000" scrolling=no></iframe>
</div>

<div style="position:absolute;top:377px;left:300px;right:760px ;bottom:1000px;">
<iframe src="http://www.geocities.com/dafne_miette/right.html" FRAMEBORDER=no name="main.html" width="460" height="2000" scrolling=no></iframe>
</div>

</BODY>
</HTML>

MaGiCSuN

07-07-2003, 02:21 PM

<div style=" position:absolute;top:377
px;left:25px;right:265px;
bottom:1000px;">
<iframe src="http://www.geocities.com/dafne_miette/left.html" FRAMEBORDER=no name="navigation" width="240" height="2000" scrolling=no></iframe>
</div>

<div style=" position:absolute;top:377
px;left:300px;right:760px
;bottom:1000px;">
<iframe src="http://www.geocities.com/dafne_miette/right.html" FRAMEBORDER=no name="main.html" width="460" height="2000" scrolling=no></iframe>
</div>

take out the bold parts, and try again. mostly left and top is more then enough to position. Also height="2000" is a bit too much i think, especially for people that are using under 1024x768

Miette

07-07-2003, 02:27 PM

Nothing :( I think the problem is not the whole site, but the individual frames, cause it's the only thing I can't see after uploading. When I try to see the whole page, the pic works, but I can't see the frames. I don't know if I'm explaining this clearly :(

MaGiCSuN

07-07-2003, 02:51 PM

Ok i got it i think, i first post the main page, then the left page and then the right page.

Main:

<HTML>
<HEAD>
<title>Angels</title>
<style type="text/css">
BODY {scrollbar-3dlight-color:#0066cc;
scrollbar-arrow-color:#99ccff;
scrollbar-base-color:#99ccff;
scrollbar-track-color:#99ccff;
scrollbar-darkshadow-color:#99ccff;
scrollbar-face-color:#0066cc;
scrollbar-highlight-color:#99ccff;
scrollbar-shadow-color:#99ccff}

a:link{font-weight: none; text-decoration:none; color:#CE30FF;font-size:7.5pt}
a:visited {font-weight:none; text-decoration:none; color:#CE30FF; font-size:7.5pt}
a:hover{font-weight: none; text-decoration: none; color: #46B9FF;font-size:7.5pt;cursor:e-resize}
BODY{cursor:normal; background-repeat:repeat-y;background-position: 0px 0px}
</STYLE>
</head>

<BODY BACKGROUND="http://www.geocities.com/dafne_miette/bg.jpg">
<img src="HTTP://www.geocities.com/dafne_miette/jewel.jpg" leftmargin="0" topmargin="0"
style="position:absolute;top:30px;left:40px;">

<iframe src="left.html" FRAMEBORDER=no name="navigation" width="240" height="2000" scrolling=no style="position:absolute;top:377px;left:25px;"></iframe>

<iframe src="right.html" FRAMEBORDER=no name="main" width="460" height="2000" scrolling=no style="position:absolute;top:377px;left:300px;"></iframe>

</BODY>
</HTML>

left:

<html>
<head>

<style type="text/css">
BODY {scrollbar-3dlight-color:#0066cc;
scrollbar-arrow-color:#99ccff;
scrollbar-base-color:#99ccff;
scrollbar-track-color:#99ccff;
scrollbar-darkshadow-color:#99ccff;
scrollbar-face-color:#0066cc;
scrollbar-highlight-color:#99ccff;
scrollbar-shadow-color:#99ccff}

a:link{font-weight: none; text-decoration:none; color:#0066CC}
a:visited {font-weight:none; text-decoration:none; color:#0066CC}
a:hover{font-weight: none; text-decoration: line-through; color: #46B9FF;cursor:s-resize}
BODY{cursor:normal}

</STYLE>
<title>EVERYDAY ANGELS</title>
</head>
<body bgcolor="99ccff" style="overflow-x:hidden;">
<img src="http://www.geocities.com/dafne_miette/left.jpg" width="220" height="2000" alt="left">

<div style=" position:absolute;top:30px;left:30px;">
<span style="width: 180; height: 100; font-size: 1; font-family: verdana; color: #0066cc; border: 2; border-style:dashed;">

<font color="0066cc" size="2" face="helvetica"><u><b>NAVIGATION</b></u><br>

<img src="http://www.geocities.com/dafne_miette/star.jpg" width="12" height="12" alt="star"><a href="http://www.geocities.com/dafne_miette/me.html" target="rightside">me</a><br>

<img src="http://www.geocities.com/dafne_miette/star.jpg" width="12" height="12" alt="star"><a href="http://www.geocities.com/dafne_miette/you.html" target="rightside">you</a><br>

<img src="http://www.geocities.com/dafne_miette/star.jpg" width="12" height="12" alt="star"><a href="http://www.geocities.com/dafne_miette/site.html" target="rightside">site</a><br>

<img src="http://www.geocities.com/dafne_miette/star.jpg" width="12" height="12" alt="star"><a href="http://www.geocities.com/dafne_miette/www.html" target="rightside">www</a><br>

<img src="http://www.geocities.com/dafne_miette/star.jpg" width="12" height="12" alt="star"><a href="http://www.geocities.com/dafne_miette/home.html" target="rightside">home</a></span><br><br><br>

<span style="width: 180; height: 100; font-size: 1; font-family: verdana; color: #0066cc; border: 2; border-style:dashed;">
<font color="0066cc" size="2" face="helvetica">
<u><b>RIGHT NOW...</b></u><br>
+Date:<br>
+Time<br>
+My mood:<a href="http://www.imood.com/query.cgi?email=dafne_miette@yahoo.es"><img src="http://moods.imood.com/display/email=dafne_miette@yahoo.es/fg=0066cc/bg=99ccff" alt="The current mood of dafne_miette@yahoo
.es at www.imood.com" border="0"></a><br>
+Wearing:<br>
+Eating:<br>
+Drinking:<br>
+Watching:<br>
+Listening to:<br>
+Talking to:<br>
+Surfing:</span><br><br><br>

<span style="width: 180; height: 100; font-size: 1; font-family: verdana; color: #0066cc; border: 2; border-style:dashed;">
<font color="0066cc" size="2" face="helvetica">
<u><b>SITE STATS</b></u><br>
+Since: July 2003<br>
+Angels online: <script language="JavaScript" type="text/javascript" src="http://www.uqg-2000.com/server.php?service=online&id=everydayangels"></script><br>
+Hits: <script language="JavaScript" type="text/javascript" src="http://www.uqg-2000.com/server.php?service=counter&id=everydayangels"></script></span><br><br><br>

<SCRIPT LANGUAGE="Javascript" TYPE="text/javascript" SRC="http://www.tag-board.com/tagboard.js?boardname=everydayange"></SCRIPT>

<table width="200" cellpadding="2" cellspacing="0">
<tr>
<td width="200" height="200" valign=top border="1">
<iframe src="http://www.tag-board.com/my.tag?name=everydayange" name="tag" width="160" height="200"
marginwidth="0" marginheight="0" border: 1 solid #000080">
></iframe>
<script>netscape_support();</script>
</td>
</tr>
<tr>
<td>
<a href="http://www.tag-board.com/" target="_new"><font size="1">Powered by TagBoard Message Board</font></a>
</td>
</tr>
<tr>
<td>
<form action="http://www.tag-board.com/add.tag" method="post" name="tagform" target="tag">
<input type="hidden" name="name" value="everydayange">
Name<br>
<input name="tagname" maxlength="20" ><br>
URL or Email<br>
<input name="tagurl" maxlength="100"><br>
Messages(<a href="http://www.tag-board.com/smilies/smilies.htm" onClick="return pop_up_smilies();" target="_blank">smilies</a> )
<br>
<textarea cols="24" rows="3" name="message" wrap></textarea><br>
<input class=button type="submit" value="TAG" onclick="return Clear_Last_Message_on_Sub
mit();">
</form>
<script>rememberme()</SCRIPT>
</td>
</tr>
</table>
</div>
</body>
</html>

right:

<html>
<head>
<style type="text/css">
BODY {scrollbar-3dlight-color:#0066cc;
scrollbar-arrow-color:#99ccff;
scrollbar-base-color:#99ccff;
scrollbar-track-color:#99ccff;
scrollbar-darkshadow-color:#99ccff;
scrollbar-face-color:#0066cc;
scrollbar-highlight-color:#99ccff;
scrollbar-shadow-color:#99ccff}

a:link{font-weight: none; text-decoration:none; color:#0066CC;}
a:visited {font-weight:none; text-decoration:none; color:#0066CC}
a:hover{font-weight: none; text-decoration: line-through; color: #46B9FF;cursor:s-resize}

BODY{cursor:normal}
</STYLE>
<script type="text/javascript" src="http://enetation.co.uk/user.php?user=Everydayangels"></script>
<title>EVERYDAY ANGELS</title>
</head>
<body bgcolor="0066cc" style="overflow-x:hidden;">
<img src="http://www.geocities.com/dafne_miette/right.jpg" width="443" height="2000" alt="right">

<div style="position:absolute;top:50px;left:50px;">

<span style="width: 370; height: 100; font-size: 1; font-family: verdana; color: #99ccff; border: 2; border-style:dashed;">
<font color="99ccff" size="2" face="helvetica">
Why isn't it working!!! <br>

<script type="text/javascript">LinktoComments('1')</script>
<noscript><a href="http://enetation.co.uk/comments.php?user=Everydayangels&commentid=1">Comment</a></noscript>
</span>
</div>
</body>
</html>

Love,
Mirna

Miette

07-07-2003, 03:04 PM

Thank you, thank you, thank you!!!!! You really saved my life!!!!!mmm, ok, maybe not that much, but almost lol
Thanks ;)

MaGiCSuN

07-07-2003, 03:05 PM

hahaha your welcome ;) glad i could help you out!

Love,
Mirna