PDA

View Full Version : Help with Two Iframes on One Page?

divinesword
10-13-2005, 04:32 AM
I don't know what's the problem. The first Iframe (under z-index 2) is placed fine but the one under z-index 3 just won't work out. Help would be appreciated! The code is here:

<HTML><HEAD>


<body background="vignette_bg.gif">
</head>
<BODY>


<div style="position:absolute;top:0;left:0;z-index:1;"><img src="vignette.jpg"></div>

<div style="position:absolute;top:147;left:105;z-index:2;">
<IFRAME NAME="frame" SRC="schu_vignette.html" frameborder="0" width="224" height="227" allowtransparency="true" background-color="transparent" style="FILTER: chroma(color=violet)" allowTransparency>
</div>

<div style="position:absolute;top:158;left:800;z-index:3;">
<IFRAME NAME="frame" SRC="schu_vignette.html" frameborder="0" width="218" height="221" allowtransparency="true" background-color="transparent" style="FILTER: chroma(color=violet)" allowTransparency>
</div>

</body></head></html>


Thanks!
pb&j
10-13-2005, 05:10 AM
here is your coding fixed up a bit...

<HTML><HEAD>
<title> my page </title>
</head>
<body background="vignette_bg.gif">

<div style="position:absolute; top:0px; left:0px; z-index:1;"><img src="vignette.jpg"></div>

<div style="position:absolute; top:147px; left:105px; z-index:2;">
<IFRAME NAME="frame" SRC="schu_vignette.html" frameborder="0" width="224" height="227" allowtransparency="true" background-color="transparent" style="FILTER: chroma(color=violet)">
</div>

<div style="position:absolute; top:158px; left:800px; z-index:3;">
<IFRAME NAME="frame" SRC="schu_vignette.html" frameborder="0" width="218" height="221" allowtransparency="true" background-color="transparent" style="FILTER: chroma(color=violet)">
</div>

</body>
</html>

if that does not fix your current problem, please explain what it is exactly not working and provide a link to your webpage online so we can see it in action.

thanks.
divinesword
10-13-2005, 01:31 PM
Thanks for the help! Though, that doesn't seem to be fixing it.

http://www.geocities.com/thetenswords/vignette.html

Well, basically, the second Iframe that's supposed to go under the "Omi" box isn't working. It doesn't move at all from where it is now, and I have no idea why. I'm pretty sure I did the coding right and all...

Help would be appreciated!
pb&j
10-13-2005, 04:03 PM
aha! found it! missing the ending tags for iframe.

try this...

<HTML><HEAD>
<title> my page </title>
</head>
<body background="vignette_bg.gif">

<div style="position:absolute; top:0px; left:0px;">
<img src="vignette.jpg">
</div>

<div style="position:absolute; top:147px; left:105px;">
<IFRAME NAME="frame" SRC="schu_vignette.html" frameborder="0" width="224" height="227" allowtransparency="true" background-color="transparent" style="FILTER: chroma(color=violet);"></iframe>
</div>

<div style="position:absolute; left:500px; top:147px;">
<IFRAME NAME="frame" SRC="schu_vignette.html" frameborder="0" width="218" height="221" allowtransparency="true" background-color="transparent" style="FILTER: chroma(color=violet);"></iframe>
</div>

</body>
</html>