transparent iframes don't work! [Archive] - Lissa Explains it All: Web Design Forums

View Full Version : transparent iframes don't work!

JoshHartnettGrl

07-11-2003, 08:05 AM

Hi, I have a site in which I put transparent iframes on, but it doesn't work! I have IE 6 and other sites which have transparent iframe work just fine.

Here's the site
http://jenn.midheaven.net/v3.html

also i can't seem to get a no-repeat value on the background...here's the CSS (it's not directly on a .html)

<html>
<head>
<title>sapphirine-stardust v3 sweet november...in july</title>

<style type="text/css">









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

Please help-thanks! I want all three iframes to be transparent.

MaGiCSuN

07-11-2003, 05:48 PM

You have got an .css file as your css code file. Now you also got normal HTML inside that file. That should not gonna happen, because html codes in a .css file are not allowed. So open your style2.css file and add ONLY these codes to it:

BODY {background-color: FFFFFF; background-repeat: no-repeat;}

A:link { COLOR: #828282; text-decoration: none; cursor: crosshair;}
A:visited { COLOR: #828282; text-decoration: none; cursor: crosshair;}
A:active { COLOR: #828282; TEXT-DECORATION: none; cursor: crosshair;}
a:hover { text-decoration: underline overline; color:#4F4F4F; cursor: crosshair;}

body,tr,td, h6, p, li
{font-size: 8pt;
font-family: verdana;
color:#000000;
letter-spacing:0pt;}

h6
{font-size: 10pt;
font-weight:normal}

input, textarea
{color: #000000;
background: #ffffff;
font-size: 8pt;
font-weight: normal;
text-decoration: none;
font-family: verdana;
text-align: center;
border-width: 1px;
border-style: dotted;
border-color:#000000;
}

you forgot a few } and also had some coding in the middle of those brackets so it didn't worked.

then open your v3.html page and remove all the coding, then add this coding to it:

<html>
<head>
<META HTTP-EQUIV="Expires" CONTENT="-1">
<META HTTP-EQUIV="Pragma" CONTENT="no-cache">

<LINK REL=stylesheet HREF="style2.css" TYPE="text/css">
<title>sapphirine stardust v3 sweet november...in july</title>
</head>
<body scroll="no" background="http://jenn.midheaven.net/v3.jpg">
<iframe FRAMEBORDER="0" BORDER=0 width=221 height=199
src="http://jenn.midheaven.net/navigation.html" name=navigation style="position:absolute; top:56; left:4" ALLOWTRANSPARENCY="true" style="filter:chroma(color:#FFFFFF)"></iframe>
<iframe src="http://jenn.midheaven.net/midheaven.html" name="midheaven" width="209" height="205"
style="position:absolute; left:4; top:255" frameborder="0" border="0" ALLOWTRANSPARENCY="true" style="filter:chroma(color:#FFFFFF)"></iframe>
<iframe src="http://jenn.midheaven.net/iframe.html" name="iframe" width="537" height="385"
style="position:absolute; left:214; top:64" frameborder="0" border="0" ALLOWTRANSPARENCY="true" style="filter:chroma(color:#FFFFFF)"></iframe>
</body>
</html>

it works in my browser, and i have IE 6.0 :) good luck

Love,
Mirna

JoshHartnettGrl

07-12-2003, 07:05 AM

I tried that and it still doesnt work! :(

JoshHartnettGrl

07-12-2003, 07:07 AM

actually i found this code on do not advertise ~ mod to make it work...=D thanks anyway mirna!

MaGiCSuN

07-12-2003, 10:05 PM

weird though, because everything worked in my browser :)
Your welcome :)

Love,
Mirna