PDA

View Full Version : My two iframes wont seperate, they are stuck together side by side,how do i fix this?

sugarbyte
05-15-2004, 03:08 AM
http://hl2maps.ansiibomber.ch/sugar...rbytefinal.html

here is an example of what i mean ^
sugarbyte
05-15-2004, 03:10 AM
ooops, the link doesnt work, here it is (this one works)
http://hl2maps.ansiibomber.ch/sugarbyte/sugarbytefinal.html
HTMyaL
05-15-2004, 03:10 AM
In your code, try putting <br> between each of the iframes. Or, you could do something like this:

<p><iframe code here></p>
<p><other iframe code here></p>
Try it. I think that will work. Otherwise, I'm stumped.
sugarbyte
05-15-2004, 03:13 AM
that doest work
HTMyaL
05-15-2004, 03:14 AM
Okay, can you post your iframe codes so I can see any problems? I can't view source. Sorry.
sugarbyte
05-15-2004, 03:15 AM
this is my page source:


<html><head>



<script language=JavaScript>
<!--

//Disable right click script III- By Renigade (renigade@mediaone.net)
//For full source code, visit http://www.dynamicdrive.com

var message="";
///////////////////////////////////
function clickIE() {if (document.all) {(message);return false;}}
function clickNS(e) {if
(document.layers||(document.getElementById&&!document.all)) {
if (e.which==2||e.which==3) {(message);return false;}}}
if (document.layers)
{document.captureEvents(Event.MOUSEDOWN);document. onmousedown=clickNS;}
else{document.onmouseup=clickNS;document.oncontext menu=clickIE;}

document.oncontextmenu=new Function("return false")
// -->
</script>


<div id=layer1 style="position:absolute; top:10; left:10; width:805; height:605; z-index:1; padding:5px; border: #FFFFFF 2px solid; background-color:#FFFFFF; background-image:url(http://hl2maps.ansiibomber.ch/sugarbyte/therainboweffect1.gif); layer-background-image:url(http://hl2maps.ansiibomber.ch/sugarbyte/therainboweffect1.gif.gif);">

<div id=layer1 style="position:absolute; top:480; left:9; width:100; height:100;">
<font face="Verdana" size="1" border="0" color="663366">Sugarbyte Is Feeling <a href="http://www.imood.com/query.cgi?email=mimijg@hotmail.com"><img src="http://moods.imood.com/display/email=mimijg@hotmail.com/fg=000000/trans=1/imood.gif" alt="The current mood of sugarbyte" border="0"></a><br>
</font>
</div>

<div id=layer1 style="position:absolute; top:539; left:3; width:70; height:70;">

<table border="0" cellspacing="8">
<tr>
<td><a href="mailto:mimijg@hotmail.com"><img src="http://hl2maps.ansiibomber.ch/sugarbyte/pinkpixels/mail2.gif" border="0"></a></td>
<td><a href="http://hl2maps.ansiibomber.ch/sugarbyte/guestmap.html" target="_none" border="0"><img src="http://hl2maps.ansiibomber.ch/sugarbyte/pinkpixels/pin.gif" border="0"></a></td>
<td><img src="http://hl2maps.ansiibomber.ch/sugarbyte/pinkpixels/gift.gif" border="0"></td>
<td><a href="wishlist.html" target="frame"><img src="http://hl2maps.ansiibomber.ch/sugarbyte/pinkpixels/heart.gif" " border="0"></a></td>
<tr>
<td><img src="http://hl2maps.ansiibomber.ch/sugarbyte/pinkpixels/stats.gif" border="0"></td>
<td><a href="C:\Documents and Settings\mimi\Desktop\html web site stuff\guestbook.html" target="_none" border="0"><img src="http://hl2maps.ansiibomber.ch/sugarbyte/pinkpixels/booklet.gif" border="0"></a></td>
<td><img src="http://hl2maps.ansiibomber.ch/sugarbyte/pinkpixels/disk.gif" border="0"></td>
<td><img src="http://hl2maps.ansiibomber.ch/sugarbyte/pinkpixels/text.gif" border="0"></td>
</table>

</div>

<style type="text/css">
body {
scrollbar-3dlight-color: #000000;
scrollbar-arrow-color: #000000;
scrollbar-base-color: #FFFFFF;
scrollbar-darkshadow-color: #FFFFFF;
scrollbar-face-color: #FFFFFF;
scrollbar-highlight-color: #FFCCFF;
scrollbar-shadow-color: #000000;
scrollbar-track-color: #FFFFFF;
}
a:hover{cursor:help;}
</style>



<div id=layer3 style="position:absolute; top:22px; left:40px;">
<IFRAME name="menu" src="menu.html" width=168 height=584 marginwidth=0 marginheight=0 hspace=0 vspace=0 frameborder=0 scrolling=auto style="FILTER: chroma(color=#FFFFCC)" allowtransparency="true"></FRAME>
</div><p>
<div id=layer2 style="position:absolute; top:289px; left:341px;">
<IFRAME name="frame" src="main.html" width=401 height=584 marginwidth=0 marginheight=0 hspace=0 vspace=0 frameborder=0 scrolling=auto style="FILTER: chroma(color=#FFFFCC)" allowtransparency="true"></IFRAME>

</div>


</head>




<body>


</body>
</html>
HTMyaL
05-15-2004, 03:18 AM
<div id=layer3 style="position:absolute; top:22px; left:40px;">
<IFRAME name="menu" src="menu.html" width=168 height=584 marginwidth=0 marginheight=0 hspace=0 vspace=0 frameborder=0 scrolling=auto style="FILTER: chroma(color=#FFFFCC)" allowtransparency="true"></FRAME> <-- here's your problem. It needs to be </IFRAME> That should work (I tested something similar on my site)
</div><p>
<div id=layer2 style="position:absolute; top:289px; left:341px;">
<IFRAME name="frame" src="main.html" width=401 height=584 marginwidth=0 marginheight=0 hspace=0 vspace=0 frameborder=0 scrolling=auto style="FILTER: chroma(color=#FFFFCC)" allowtransparency="true"></IFRAME>
sugarbyte
05-15-2004, 03:25 AM
OMG THANK YOU SO MUCH!!!!! :D
you have no idea how much it was frustrating me to have that problem lol
thank you sooooooooooo much ^^ :buckt:
HTMyaL
05-15-2004, 03:26 AM
You're welcome :). You wouldn't believe how many times I do something like that and I'm saying: "Where's that border I asked for????!!!!". And, of course, I spelled style wrong or something. Great site!