|
View Full Version : layering items Embyr 03-09-2003, 04:08 PM Ok. I've made most of my site, but I want to put 2 image maps on top of my picture. I've never had a problem doing it before, but for some reason, they're going behind. Could someone check it out and see what's wrong? http://www.maybe-never.com/main.html MaGiCSuN 03-09-2003, 04:46 PM I can't find an image map code in your source code :S I don't really understand what you want to do. Do you want two image maps on ONE image, or do you want two image map area's (two link areas) on the image? Please explain a bit more. Love, Mirna Embyr 03-09-2003, 06:45 PM oh whoops. I have no idea why I wrote image map x.x I meant iframe. the iframes are behind the picture, and I want them on top. MaGiCSuN 03-10-2003, 05:33 PM First of all you double positioned your image: <div id="root" style="position:absolute;top:0;left:0; z-index:0;"> <img style="position:absolute; top:0px; left:0px; width:750px; height:800px" src="http://www.maybe-never.com/layoutpic.png"> yu have position into the <img> tag AND you set it as div. But because the image has to be all the way into the corner you don't need to position it. all thigns that get positioned with divs go on top of other things. Also i will give you the code of your page, because you forgot allot of things like <head> and <body> and stuff: <html> <head> <title>Maybe-Never[dot]com ^^^Broken Dreams^^^</title> <LINK REL=stylesheet HREF="http://www.maybe-never.com/maincss.css" TYPE="text/css"> <script language="javascript"> //<!-- function me() { window.open ("http://www.maybe-never.com/meframe.html", "popup", "width=560, height=785, location=0, menubar=0, resizable=0, scrollbars=0, status=0, titlebar=1, toolbar=0") } --> </script> </head> <body topmargin=0 leftmargin=0 marginwidth=0 marginheight=0> <iframe style="position:absolute;top:170px;left:315px" src="http://www.maybe-never.com/tagboard.html" name="mood" width="100" height="100" frameborder="0" scrolling=yes></iframe> <img width="750" height="800" src="http://www.maybe-never.com/layoutpic.png"> <div style="position:absolute;left:1;top:325;" z-index:5;> <table background="none" border=0 width="200" height="300" id="table" style="border: 0px solid color" cellpadding=3> <tr><td> <A HREF="javascript:me()">lala</A><br> Friends::<br> Links::<br> lalalalalalalalala heee breeeeeeeeeeeeeeeeeee </tr></td> </table></div> </body> </html> now you can add your second iframe to it :) And you can position your tagboard on the right place! Love, Mirna Embyr 03-11-2003, 01:01 AM thanks a lot, that helped SO much. P.S. I love your site. |