Very Interesting Iframe Problem, could you help me out?

skadrummer01 · Joined: 27 Aug 2005 Posts: 1

Well, I'm pretty new to this Forum, it seems pretty helpful (from what I've read) so I was egar to join. Here's my problem. I'm trying to get these two codes to work. You can visit my page at ---> www.freewebs.com/toetappingscoundrels/yadda.html .

on that page you will see 2 images. One image, will have a perfectly nestled iframe inside of it. The other, will only have the image, but if you notice, where the little links are in the image, you can click them. This meaning theres an image map involved. Now, what I'm trying to do is get the code to work so I can have the iframe nestled inside the image and have the image as an image map as well. It seems that it won't work and will only duplicate the same image below it (as shown on the page). For some reason it just wont work, and I'm hoping someone on here can post the problem/put up a code, showing the mistake and the correction.

Hopefully you get what I'm saying though, if not heres in depth once more...

I'm trying to get the code correct, so that I can use an image map and the Iframe inside the same image. Here would be the code I have on the page...

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>Toe Tapping Scoundrels</title>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"/>
<meta name="Content-Script-Type" content="text/javascript"/>
<meta name="Content-Style-Type" content="text/css"/>
<style type="text/css">

</style>
<script type="text/javascript">

</script>

</head>
<body bgcolor="#000000">

<div id="main_container">

<div id="image_container">

<img id="image" src="page1.jpg" alt=""/>

<div id="iframe_container">

<iframe id="iframe" src="content.html"></iframe>

</div>
</div>
</div>
<img src="page1.jpg" USEMAP="#page1" BORDER=0>
<map name="page1">
<area name="Home" shape="rect" coords="60,101,122,125" href="index.html" alt="" target="_blank">
<area name="News" shape="rect" coords="145,102,201,124" href="content.html" alt="">
<area name="Band" shape="rect" coords="224,102,285,124" href="band.html" alt="" target="content">
<area name="About" shape="rect" coords="301,100,366,124" href="about.html" alt="" target="content">
<area name="Shows" shape="rect" coords="387,101,451,123" href="shows.html" alt="" target="content">
<area name="Media" shape="rect" coords="472,102,543,123" href="media.html" alt="" target="content">
<area name="Merch" shape="rect" coords="563,102,630,123" href="merch.html" alt="" target="content">
<area name="Guestbook" shape="rect" coords="190,134,297,162" href="guestbook.htrml" alt="" target="content">
<area name="Links" shape="rect" coords="321,135,377,156" href="links.html" alt="" target="content">
<area name="Contact" shape="rect" coords="401,135,485,157" href="contact.html" alt="" target="content">
</map>

</body>
</html>

---------------------------------------------------------------------------

the page link is... www.freewebs.com/toetappingscoundrels/yadda.html .

I'm hoping that someone could help me with this problem!

Thanks guys!

Corey Bryant · Posted: Sun Aug 28, 2005 6:30 am

try name your iframe: