PDA

View Full Version : Positioning frames

kayjenne
01-13-2003, 07:45 PM
How do I position an I- frame? What's the code? here's what I have so far... and also how can i target links on an image map to an i frame?
<HTML>
<HEAD>
<META NAME="Author" CONTENT="Danielle">
<META NAME="Generator" CONTENT="Microsoft FrontPage 4.0">
<TITLE>B2kitus</TITLE>
</HEAD>
<BODY bgcolor="#FF0000"><center><iframe src="red.html" name="main" width="353" height="342" frameborder="0" border="0"></iframe></center>

<IMG NAME="booglayoutred0" SRC="booglayoutred.jpg" WIDTH="600" HEIGHT="400" BORDER="0" USEMAP="#booglayoutred">

<MAP NAME="booglayoutred">
<AREA SHAPE="rect" COORDS="18,18,99,47" HREF="http://www.geocities.com/babygirl91788/menu.html">
<AREA SHAPE="rect" COORDS="169,16,237,54" HREF="http://www.geocities.com/babygirl91788/links.html">
<AREA SHAPE="rect" COORDS="303,24,385,50" HREF="http://www.geocities.com/babygirl91788/links.html">
<AREA SHAPE="rect" COORDS="447,25,563,52" HREF="http://www.geocities.com/babygirl91788/funstuff.html">
</MAP>

</BODY>
</HTML>
acktacky
01-14-2003, 01:39 AM
<HTML>
<HEAD>
<META NAME="Author" CONTENT="Danielle">
<META NAME="Generator" CONTENT="Microsoft FrontPage 4.0">
<TITLE>B2kitus</TITLE>
</HEAD>
<BODY bgcolor="#FF0000"><center><iframe style="position: absolute; top: 0px; left: 0px" src="red.html" name="main" width="353" height="342" frameborder="0" border="0"></iframe></center>

<IMG NAME="booglayoutred0" SRC="booglayoutred.jpg" WIDTH="600" HEIGHT="400" BORDER="0" USEMAP="#booglayoutred">

<MAP NAME="booglayoutred">
<AREA SHAPE="rect" COORDS="18,18,99,47" HREF="http://www.geocities.com/babygirl91788/menu.html" target="main">
<AREA SHAPE="rect" COORDS="169,16,237,54" HREF="http://www.geocities.com/babygirl91788/links.html">
<AREA SHAPE="rect" COORDS="303,24,385,50" HREF="http://www.geocities.com/babygirl91788/links.html">
<AREA SHAPE="rect" COORDS="447,25,563,52" HREF="http://www.geocities.com/babygirl91788/funstuff.html">
</MAP>

</BODY>
</HTML>


You treat an image map just like a regular link.

And you can also change the absolute postioning from top to bottom, and left to right.