Tessie
07-15-2003, 07:37 PM
How do you get an iframe inside of an imagemap? I can get one inside an image, but I can't figure out how to put it into the imagemap.
|
View Full Version : iframes and imagemaps Tessie 07-15-2003, 07:37 PM How do you get an iframe inside of an imagemap? I can get one inside an image, but I can't figure out how to put it into the imagemap. MaGiCSuN 07-15-2003, 07:39 PM in what way areyou trying to get it inside the image map? can you describe an example of what you want it to look like? or maybe make a kind of drawing of it? thanks Love, Mirna Tessie 07-15-2003, 09:54 PM Okay, the image quality is crappy, but I don't think it really matters, cause you can see the overall idea pretty well... Okay, I want the iframe to fit between the words that are at the top and bottom of the picture, and I want it to be small enough so it doesn't touch the picture of the lady at all...hope that's clear. If not, I can draw a square on the picture and make it more clear. http://img.villagephotos.com/p/2003-6/256783/gaframe2.jpg CryptalClear 07-15-2003, 09:58 PM Question for ya, Tessie: I'm trying to get my iframe inside of my image, could u help me with the code? I like your image, too! MaGiCSuN 07-15-2003, 10:04 PM for both of you, don't try to get an iframe INSIDE the image, just use absolute positioning. No slicing needed, you just position the iframe on top of the graphic for tessie: i'm going to explain this the most i can. There is some thing called z-index, and you can use it for placing different things on top of each other when they are both positioned with divs. this is how it would look: <div style="position: absolute; top: #px; left: #px; width: #px; height: #px; z-index: 1">your image map in here</div> <div style="position: absolute; top: #px; left: #px; width: #px; height: #px; z-index: 2">your iframe in here</div> you can also put the bold part from the second div into the <iframe> code directly, it will do the same. The higher the number from the z-index the more it comes on top. In this way you can position your image map and your iframe without messing around with the codes itself. Just change #px to the pixels so it gets places on the right place from your layout a very good advice is to set topmargin and leftmargin etc to 0, and just add your layout as one image to your page with the <img> tag a very good div tutorial can be found here: http://www.``````````````/divtutorial.shtml Love, Mirna Tessie 07-15-2003, 10:13 PM Whoa. That's confusing...hope I can figure it out... Brooke - Thanks! The picture looks better larger and clearer, but the image hosting thing doesn't like to give me large, clear pictures... Do you still need to know how to get the iframe in the image, or did MagicSun help you? CryptalClear 07-15-2003, 11:19 PM The thing helped a little, but I'm new to html and stuff, so if you could help me, I'd really appreciate it! Cuz I don't really understand exactly how to get the iframe where I'd want it, because sometimes my editor does funny stuff with positioning, but I'd appreciate any help! My email address is artsietennisgal@yahoo.com if you'd like to email me. Thx bunches! Tessie 07-16-2003, 08:57 PM OKay, I finally got the div thing to work, after many tries... Now I'm stuck on how to get the different links to open inside the div iframe thing without the picture having to load each time I click on the link. What do I do? |