HTML Code:
<html>
<head>
<title>A N I M E~D E S T I N Y</title>
<script language="JavaScript">
<!--
var space = " ";
var speed = "50";
var pos = 0;
var msg = "A N I M E ~ D E S T I N Y Come enter our challenges!";
function Scroll()
{
document.title = msg.substring(pos, msg.length) + space + msg.substring(0,pos);
pos++;
if (pos > msg.length) pos = 0;
window.setTimeout("Scroll()", speed);
}
Scroll();
-->
</script>
<style type="text/css">
body {
scrollbar-track-color: #071436;
scrollbar-base-color: #021526;
scrollbar-arrow-color: #FFFFFF;
scrollbar-3dlight-color: ffffff;
scrollbar-darkshadow-color: ffffff;
A:Hover{ font-family:serif; filter:Blur(strength=4);height:20px;}
A:Link{ font-family:serif; color:#D6D4F6;}
INPUT{font-family:cursive; font-size:xx-small; color:#6699ff; background-color:#330099; border-style:dashed; border-width:thin; border-color:#FFFFFF;}
SELECT{font-family:cursive; font-size:xx-small; color:#6699ff; background-color:#330099; border-style:dashed; border-width:thin; border-color:#FFFFFF; }
OPTION{font-family:cursive; font-size:xx-small; color:#6699ff; background-color:#330099; border-style:dashed; border-width:thin; border-color:#FFFFFF; }
TEXTAREA{font-family:cursive; font-size:xx-small; color:#6699ff; background-color:#330099; border-style:dashed; border-width:thin; border-color:#FFFFFF; }
}
#layout
{
position: absolute;
width: 800px;
height: 5000px;
top: 0px;
left: 20px;
border: transparent;
}
#main
{
position: absolute;
width: 600px;
height: 5000px;
top: 560px;
left: 233px;
border: transparent;
}
#side
{
position: absolute;
width: 200px;
height: 5000px;
top: 425px;
left: 24px;
border: transparent;
}
</style>
</head>
<body background="adlayout.jpg" link="#FFFFFF" vlink="#FFFFFF" alink="#FFFFFF" text="#FFFFFF">
<div id="layout"> <img src="ad1.jpg" /></div>
<div id="main"> <iframe src="http://anime.revealed-destiny.net/home.html" name="main" scrolling="no" frameborder="no" height = "5000px" width = "540px" allowtransparency="true">
</iframe></div>
<div id="side"><iframe src="http://anime.revealed-destiny.net/side.html" name="main" scrolling="no" frameborder="no" height = "5000px" width = "176px" allowtransparency="true">
</body>
</html>
thats my code.... I want my Iframes to have transparent backgrounds, and one does, one doesnt.... My problem is that they both did, then i went to edit some code, for hover links(which I took out to make sure that did not do it), and I now have a border on my iframe, along with a lighter blue bg... The link to my site is http://anime.revealed-destiny.net, and i will put the html code for the site going into the main iframe, so you can look at both and tell me what i might have done!
HTML Code:
<html>
<head>
<title></title>
</head>
<style type="text/css">
body {
scrollbar-track-color: #071436;
scrollbar-base-color: #021526;
scrollbar-arrow-color: #FFFFFF;
scrollbar-3dlight-color: ffffff;
scrollbar-darkshadow-color: ffffff;
background-color: transparent;
INPUT{font-family:cursive; font-size:xx-small; color:#6699ff; background-color:#330099; border-style:dashed; border-width:thin; border-color:#FFFFFF;}
SELECT{font-family:cursive; font-size:xx-small; color:#6699ff; background-color:#330099; border-style:dashed; border-width:thin; border-color:#FFFFFF; }
OPTION{font-family:cursive; font-size:xx-small; color:#6699ff; background-color:#330099; border-style:dashed; border-width:thin; border-color:#FFFFFF; }
TEXTAREA{font-family:cursive; font-size:xx-small; color:#6699ff; background-color:#330099; border-style:dashed; border-width:thin; border-color:#FFFFFF; }
}
</style>
<body allowtransparecy="true">
<font face="century gothic" color="#FFFFFF" size="2"> Welcome to anime destiny blends and banners.... We are currently in te process of opening, and will soon be open! FINALLY! But until then, we are still opening! If you need help, <a href="mailto: [email]zamily888991@aol.com[/email]">email me</a> and ill get right back to you! Until opening, C ya later!</font>
</body>
</html>
|
