PDA

View Full Version : iframe help

niya429
03-29-2003, 07:22 AM
Okay, basically I have this image and I wanted it positioned in the top corner of the page with no spaces.....done!

But when I use this code in the image map part:

.....style="position:absolute; left:0; top:0">

The iframe, instead of overlapping like how I want it to, the image overlaps the iframe. How can I fix this? Did that even make any sense?
LaCubanita75
03-29-2003, 07:28 AM
yeah, this happened to me too. you should probably add tables to fix the problem. could u send me ur url so I could find some way to fix it?
niya429
03-29-2003, 07:44 AM
sure! I actually searched through the forum and there were a couple of them mentioning this, but I didn't know that it was for this and I didn't understand it either.....lol

http://www.geocities.com/niyazdream/index2.html

this is the code:

<div align style="position: absolute; left: 45px; top: 145px; width:500; height:150;">
<iframe src="http://www.geocities.com/niyazdream/inline.html" width="290" height="373" border="0" frameborder="0 allowtransparency="true" name="iframe">
</iframe>
</div>

</head>

<body bgcolor="#dbc1ff">

<!-- Image Map created by VisiMapperPro -->
<IMG SRC="layout9.bmp" USEMAP="#layout9" BORDER=0 style="position:absolute; left:0; top:0">
<MAP NAME="layout9" >
<!-- Image Map (Created by VisiMapperPro) layout9 starts... -->
<AREA SHAPE=RECT COORDS="601,113,637,139" HREF="http://www.geocities.com/niyazdream/updates.html" alt="Updates">
<AREA SHAPE=RECT COORDS="608,144,643,170" HREF="http://www.goecities.com/niyazdream/me.html" alt="About Me">
<AREA SHAPE=RECT COORDS="612,174,643,199" HREF="http://www.goecities.com/niyazdream/writings.html" alt="My Writings">
<AREA SHAPE=RECT COORDS="607,204,642,230" HREF="http://www.goecities.com/niyazdream/fav.html" alt="Favorites">
<AREA SHAPE=RECT COORDS="614,238,651,262" HREF="http://www.goecities.com/niyazdream/group.html" alt="My Yahoo!Groups">
<AREA SHAPE=RECT COORDS="614,274,645,298" alt="Gallery *coming soon*">
<AREA SHAPE=RECT COORDS="600,309,632,333" alt="Graphics *coming soon*">
<AREA SHAPE=RECT COORDS="570,359,609,387" HREF="http://www.goecities.com/niyazdream/links.html" alt="Links In/Out">
<!-- End of Map Definition -->
</MAP>
</body>
</html>

thanks
niya429
03-29-2003, 09:11 AM
n/m someone suggested the "z-index" method and it seems to be working now. But thanks for your help. I appreciate it.