PDA

View Full Version : Image mapping and transparent i-frame problem!!

PinkIce
08-22-2003, 09:00 PM
i have a problem, i have an image thats image mapped and i want it to target my i-frame but it doesnt work!

here are my codes

<html>
<body>

<iframe FRAMEBORDER="0" BORDER=0 width=536
height=244 src="url"
name="main" allowTransparency="true" scrolling=auto style="position:absolute; top:312px; left:396px"></iframe>

<IMG NAME="jlolayout0" SRC="jlolayout.png" WIDTH="1015" HEIGHT="581" BORDER="0" USEMAP="#jlolayout">

<MAP NAME="jlolayout">
<AREA SHAPE="rect" COORDS="122,274,204,325" HREF="url" ALT="Stuff on me, Yana">
<AREA SHAPE="rect" COORDS="105,333,213,381" HREF="url" ALT="Stuff for you- dollz, graphics, reads and more">
<AREA SHAPE="rect" COORDS="57,386,299,434" HREF="url" TARGET="main" ALT="Many tutorials for you to learn from">
<AREA SHAPE="rect" COORDS="114,444,220,494" HREF="url" TARGET="main" ALT="Stuff about the site">
</MAP>
</body>
</html>


when i click on my image mapped things they dont show up in the i-frame like they are suposed too! they instead show up in a new window! please help!

I also have another problem, my background image shows up wierd, its not perfectly positioned theres like some white space horizontelly and vertically before the image heres what i mean go here... http://www.angelfire.com/blog/sparklingsugar2/test.html (ignore the advertisement on the top)
pb&j
08-22-2003, 09:20 PM
i think you mis-positioned your iframe. the words UNDER CONSTRUCTION appear overtop the word JENNIFER.

since linked pages appear to be the same content for now, its hard to say if the links themselves work or not. perhaps on the tutorials page put a message in like "this is my tutorials page" and like that for your other pages too so at least if the iframe content changes, you will be able to see it right off.

as for the iframe linking, no new window appears, so it is just a guess that the target is working correctly.
PinkIce
08-22-2003, 09:50 PM
its opening in a new page for me
PinkIce
08-22-2003, 10:00 PM
ok i got the i-frames positioned correctly, i figured out i targeted them incorectly, but i still have that white area before my image! please help! how do i get rid of it/!
pb&j
08-22-2003, 10:17 PM
try adding this to the HEAD section of your coding...

<style type="text/css">
body {margin:0;}
</style>