PDA

View Full Version : scripts disappearing behind image maps



gjoaquin
07-07-2005, 08:12 AM
Im starting up a newblog but im having trouble with one thing. If you try to go to giyang.blogspot.com you might notice that the elastic trail scripts disappears behind the image map. do u have any suggestions to correct this? Im also trying to put in the falling snow script but same thing the snow diasappears behind the image map. Thanks a lot! :)

gjoaquin
07-07-2005, 08:56 AM
i heard from one of my friends that i can specify a z position to this line. Any ideas as to how???

<img style="position: absolute; top: 40; left: 100;" border="0" src="http://img.photobucket.com/albums/y203/urbanfaerygraphics/msdj.gif" width="544" height="674" usemap="#Map1">

jscheuer1
07-07-2005, 09:10 AM
That's z-index. It would go anywhere in the style declaration, like so:

style="z-index:0;position: absolute; top: 40; left: 100;"Unfortunately, that won't do much because 0 is the default. If you set the z-index to -1 the image will disappear behind the background of the page. What you need to do is set the z-index of the elements containing the elastic trails to say 10. In one version of that script here on DD, that would mean doing this:

<div id="dot0" style="z-index:10;position: absolute; visibility: hidden; height: 11; width: 11;">
<img src="bullet.gif" height=11 width=11>
</div>
<div id="dot1" style="z-index:10;position: absolute; height: 11; width: 11;">
<img src="bullet.gif" height=11 width=11>
</div>
<div id="dot2" style="z-index:10;position: absolute; height: 11; width: 11;">
<img src="bullet.gif" height=11 width=11>
</div>
<div id="dot3" style="z-index:10;position: absolute; height: 11; width: 11;">
<img src="bullet.gif" height=11 width=11>
</div>
<div id="dot4" style="z-index:10;position: absolute; height: 11; width: 11;">
<img src="bullet.gif" height=11 width=11>
</div>
<div id="dot5" style="z-index:10;position: absolute; height: 11; width: 11;">
<img src="bullet.gif" height=11 width=11>
</div>
<div id="dot6" style="z-index:10;position: absolute; height: 11; width: 11;">
<img src="bullet.gif" height=11 width=11>
</div>

gjoaquin
07-07-2005, 09:15 AM
Actually when i set it to -1 on the image tag it did work. for some reason it did not disappear into the background. In any case, if i have anyproblems i know what to do. thanks a lot! :)