PDA

View Full Version : Divs.. not sure where to put this sorry

WonderGurl
03-02-2003, 08:07 PM
Ok heres the addy http://www.milissa.net/freerein/test1.html

You see wheres that little green box in the top right cornor? I want to put the IFRAME thats on the very bottom there.. but I can't get it to go over there.. WHY!? Any help is appreciated!!
MaGiCSuN
03-02-2003, 08:45 PM
It didn't worked because you position the iframes with divs around them. you can position them with the style code Itself. You also added the <style> codes from the links outside the </head> tag, it must be before that code. Try this:

<HTML>
<head>
<title>Learning More__Free Rein V 3.0__</title>

<META name="description" content="A site about a girl and her horse. Follow along as
they start out together, both learning new things and watch as they achive there dreams!">
<META name="keywords" content="Horse, Arabian, Prince Andre, Tiffany Hayes, Free Rein">
<META name="generator" content="CuteHTML">

<script type="text/javascript" src="http://enetation.co.uk/user.php?user=freerein"></script>


<style type="text/css">
<!--
BODY
{
FONT-SIZE: 10pt;
LINE-HEIGHT: 10pt;
COLOR: #ffffff;
FONT-FAMILY: Tahoma;
BACKGROUND-COLOR: #ffffff;
background-image:url();
background-repeat:repeat-y;
background-position:top left;
background-attachment: fixed;
TEXT-ALIGN: justify;
TEXT-DECORATION: none;
SCROLLBAR-FACE-COLOR: FFFFFF;
SCROLLBAR-HIGHLIGHT-COLOR: #FFFFFF;
SCROLLBAR-SHADOW-COLOR: #FFFFFF;
SCROLLBAR-3DLIGHT-COLOR: #FFFFFF;
SCROLLBAR-ARROW-COLOR: #FFFFFF;
SCROLLBAR-TRACK-COLOR: #4FFFFFF;
SCROLLBAR-DARKSHADOW-COLOR: #FFFFFF
}
P
{
FONT-SIZE: 8pt;
LINE-HEIGHT: 12pt;
COLOR: #ffffff;
FONT-FAMILY: Tahoma;
TEXT-ALIGN: justify;
TEXT-DECORATION: none;
}
TD
{
FONT-SIZE: 8pt;
LINE-HEIGHT: 12pt;
COLOR: #ffffff;
FONT-FAMILY: Tahoma;
TEXT-DECORATION: none;
}
A:link
{
FONT-SIZE: 8pt;
FONT-WEIGHT: BOLD;
LINE-HEIGHT: 12pt;
COLOR: #A9B397;
FONT-FAMILY: Verdana, Arial;
TEXT-DECORATION: none;
}
A:visited
{
FONT-SIZE: 8pt;
FONT-WEIGHT: BOLD;
LINE-HEIGHT: 12pt;
COLOR: #A9B397;
FONT-FAMILY: Verdana, Arial;
TEXT-DECORATION: none;
}
A:active
{
FONT-SIZE: 8pt;
FONT-WEIGHT: BOLD;
LINE-HEIGHT: 12pt;
COLOR: #A9B397;
FONT-FAMILY: Verdana, Arial;
TEXT-DECORATION: none;
}
A:hover
{
FONT-SIZE: 8pt;
FONT-WEIGHT: BOLD;
LINE-HEIGHT: 12pt;
COLOR: #E3F9BD;
position: relative; left: 1px; top: 1px;
FONT-FAMILY: Verdana, Arial;
TEXT-DECORATION: color: #DD9DEE;background-image: url(green.gif); cursor:crosshair;
}
-->
</style>
</head>
<body topmargin=0 leftmargin=0>

<IMG NAME="layout40" SRC="layout4.gif" WIDTH="700" HEIGHT="500" BORDER="0" USEMAP="#layout4">

<MAP NAME="layout4">
<AREA SHAPE="rect" COORDS="56,420,74,470" HREF="tiffany.html" ALT="The Girl" target="iframe">
<AREA SHAPE="rect" COORDS="56,274,72,384" HREF="andre.html" TARGET="iframe" ALT="Prince Andre">
<AREA SHAPE="rect" COORDS="58,194,70,268" HREF="site.html" TARGET="iframe" ALT="The Site">
<AREA SHAPE="rect" COORDS="54,120,72,188" HREF="you.html" TARGET="iframe" ALT="For You">
<AREA SHAPE="rect" COORDS="54,52,72,124" HREF="http://milissa.net" TARGET="_new" ALT="I <3 My Host">
</MAP>


<div id="Layer3">
<center>
<iframe src="iframe.html" name="iframe" allowTransparency="true"
style="FILTER: chroma (color=40FF40)"
style="background-color:transparent" width="307" height="328" frameborder="no" style="position: absolute; width: 307; height: 328; left: 177px; top: 132px">
</div>

<div id="Layer2">
<center>
<iframe src="iframe2.html" name="iframe2" allowTransparency="true"
style="FILTER: chroma (color=40FF40)"
style="background-color:transparent" width="130" height="126" frameborder="no" style="position: absolute; width: 130; height: 126; left: 537px; top: 66px">
</center>
</div>


</BODY>
</HTML>
Danno
03-02-2003, 08:50 PM
Maybe you can try absolute positioning, just after the src part you put like it is below, and just mess around with the numbers until you get the right place.. Hope that'll work =)

<iframe name="I1" src="new_page_2.htm" style="position: absolute; left: 3; top: 4"
MaGiCSuN
03-02-2003, 08:53 PM
Originally posted by Danno
Maybe you can try absolute positioning, just after the src part you put like it is below, and just mess around with the numbers until you get the right place.. Hope that'll work =)

<iframe name="I1" src="new_page_2.htm" style="position: absolute; left: 3; top: 4"

if you look into the code i posted, then you see it's there ;)

Love,
Mirna
Danno
03-02-2003, 08:54 PM
Yeah, I saw just after I posted, sorry =/
WonderGurl
03-02-2003, 09:17 PM
YAY! IT WORKED! Thank you sooo much!!