Post by Ellethwen on Jun 26, 2008 19:52:57 GMT -5
sailorlyra.byethost14.com/lemon/
I'm having this really bizzarre issue where my Iframe target is opening in a new window.
When I first uploaded the site, the Iframe was called blanks. I suspect that ruined it, because I forgot that _blank is used to open a new window, as I always use _new.
But there's no reason it should be like this now so this is extremely frustrating! The first page loads fine in the Iframe but the links aren't targeting correctly.
I renamed the Iframe to content2.
HTML:
Main CSS:
Frame CSS:
I'm having this really bizzarre issue where my Iframe target is opening in a new window.
When I first uploaded the site, the Iframe was called blanks. I suspect that ruined it, because I forgot that _blank is used to open a new window, as I always use _new.
But there's no reason it should be like this now so this is extremely frustrating! The first page loads fine in the Iframe but the links aren't targeting correctly.
I renamed the Iframe to content2.
HTML:
<HTML>
<HEAD>
<title>Lemon Bubblegum <o> freshly-squeezed coloring blanks</title>
<link rel=stylesheet href="style.css" type="text/css">
<meta name="Title" content="Lemon Bubblegum">
<meta name="Author" content="Megan Schmidt">
<meta name="Subject" content="Coloring blanks">
<meta name="Description" content="A collection of blank linearts created by Ellethwen for use in graphic design.">
<meta name="Keywords" content="Ellethwen, Megan Schmidt, Bishojou Senshi Sailor Moon, Blanks, Coloring Book, Lineart, Cardcaptor Sakura, Anime, Manga, Tsubasa Reservoir Chronicle, Lemon Bubblegum">
<meta name="Generator" content="Notepad">
<meta name="Language" content="English">
<meta name="Expires" content="January 1, 2010">
<meta name="Copyright" content="© Copyright 2007-2008 Megan Schmidt">
<meta name="Designer" content="Megan Schmidt">
<meta name="Publisher" content="Megan Schmidt">
<meta name="Distribution" content="Global">
</HEAD>
<BODY>
<div id="header">
<img src="images/header01.jpg" border="0"></img src>
</div>
<div id="content">
<p><a href="indexx.html" target="content2">Home</a href></p>
<p class="headsmall">Sailor Moon</p>
<a href="usagi.html" target="content2">Usagi Tsukino/Sailor Moon</a href></p>
</div>
<iframe id="content2" src="indexx.html" frameborder="0"></iframe>
</BODY>
</HTML>
Main CSS:
body {
color: #898989;
font-size: 8pt;
font-family: Verdana;
background-color: #EBEBEB;
scrollbar-face-color: #FFF200;
scrollbar-highlight-color: #FFFFFF;
scrollbar-3dlight-color: #EBEBEB;
scrollbar-darkshadow-color: #EBEBEB;
scrollbar-shadow-color: #FFFFFF;
scrollbar-arrow-color: #FFFFFF;
scrollbar-track-color: #EBEBEB;
}
html,body {
height: 100%;
width: 100%;
overflow: auto;
}
A:link{color: #898989; text-decoration: underline; font-weight: bold; font-size: 8pt; }
A:visited{color: #898989; text-decoration: underline; font-weight: bold; font-size: 8pt; }
A:active{color: #898989; text-decoration: underline; font-weight: bold; font-size: 8pt; }
A:hover{color: #FFFFFF; text-decoration: underline; font-weight: bold; font-size: 8pt; }
U {font-family: Verdana; color: #898989; font-size: 8pt;}
B, STRONG {font-family: Verdana; font-weight: bold; color: #898989; font-size: 8pt; text-transform: uppercase;}
i, EM {font-family: Verdana; color: #898989; font-size: 8pt;}
.head {
letter-spacing: 3px;
color: #898989;
font-size: 24px;
font-family: Verdana;
text-align: center;
text-transform: lowercase;
}
.headsmall {
color: #898989;
font-size: 14px;
font-family: Verdana;
text-align: center;
text-transform: lowercase;
letter-spacing: 1px;
width: 100%;
}
#header {
position: absolute;
top: 0;
left: 0;
padding: 5px;
}
#content {
position: absolute;
top: 250;
left: 10;
width: 250;
}
#content2 {
position: absolute;
top: 250;
left: 300;
width: 650;
height: 350;
border: 0;
}
Frame CSS:
body {
color: #898989;
font-size: 8pt;
font-family: Verdana;
background-color: #EBEBEB;
scrollbar-face-color: #FFF200;
scrollbar-highlight-color: #FFFFFF;
scrollbar-3dlight-color: #EBEBEB;
scrollbar-darkshadow-color: #EBEBEB;
scrollbar-shadow-color: #FFFFFF;
scrollbar-arrow-color: #FFFFFF;
scrollbar-track-color: #EBEBEB;
}
html,body {
height: 100%;
width: 100%;
overflow: auto;
}
A:link{color: #898989; text-decoration: underline; font-weight: bold; font-size: 8pt; }
A:visited{color: #898989; text-decoration: underline; font-weight: bold; font-size: 8pt; }
A:active{color: #898989; text-decoration: underline; font-weight: bold; font-size: 8pt; }
A:hover{color: #FFFFFF; text-decoration: underline; font-weight: bold; font-size: 8pt; }
U {font-family: Verdana; color: #898989; font-size: 8pt;}
B, STRONG {font-family: Verdana; font-weight: bold; color: #898989; font-size: 8pt; text-transform: uppercase;}
i, EM {font-family: Verdana; color: #898989; font-size: 8pt;}
.head {
letter-spacing: 3px;
color: #898989;
font-size: 24px;
font-family: Verdana;
text-align: center;
text-transform: lowercase;
}
.headsmall {
color: #898989;
font-size: 14px;
font-family: Verdana;
text-align: center;
text-transform: lowercase;
letter-spacing: 1px;
width: 100%;
}