Slideshow Pushes Down Forum

[Customkid2]

Hello,

I've been using this slideshow code in order to display a slideshow on my forum in the homepage message

Code:


<div align="left"><style type="text/css">#rotator1465148506855 {height:835px;} #rotator1465148506855 a{position:absolute;background:#FFFFFF;border:1px solid #CCCCCC;padding:4px;} #rotator1465148506855 img { height:825;width:200; }</style><div id="rotator1465148506855"><a id="itemActif1465148506855" style="z-index:999" href="http://ninja-reborn.forumotion.com/" title="Welcome" target="_blank"><img src="http://i.imgur.com/2gzF0G4.png" alt="Welcome" /></a><a  href="http://ninja-reborn.forumotion.com/t33-jutsu-creation-event" title="Jutsu Creation Event" target="_blank"><img src="http://i.imgur.com/m3opOlE.png" alt="Jutsu Creation Event" /></a><a  href="http://ninja-reborn.forumotion.com/t34-staff-needed" title="Staff Needed" target="_blank"><img src="http://i.imgur.com/OggWS0e.png" alt="Staff Needed" /></a></div><script type="text/javascript">(function(){var r = document.getElementById("rotator1465148506855"), l = r.getElementsByTagName("A"), rotate = window.setInterval(function() {var a = document.getElementById("itemActif1465148506855"), n = jQuery(a).next()[0] || l[0]; if (!a) return window.clearInterval(rotate); n.style.opacity = 1;n.style.zIndex = 998;jQuery(a).animate({"opacity":0},800,"linear",function() {a.id = "";a.style.zIndex = "";n.id = "itemActif1465148506855";n.style.zIndex = 999})},3000)})();</script></div>


It's recently been bugging out and sending the rest of the forum further down on the page as you can see here.

My url is www.ninja-reborn.forumotion.com

Currently I do not have the code up as it was interfering with my member's use. Does anyone know of a fix?

[Rhino.Freak]

Try using this code.

Code:

 
<div align="left"><style type="text/css">#rotator1465148506855 {height:auto;} #rotator1465148506855 a{position:absolute;background:#FFFFFF;border:1px solid #CCCCCC;padding:4px;} #rotator1465148506855 img { height:auto;width:200; }</style><div id="rotator1465148506855"><a id="itemActif1465148506855" style="z-index:999" href="http://ninja-reborn.forumotion.com/" title="Welcome" target="_blank"><img src="http://i.imgur.com/2gzF0G4.png" alt="Welcome" /></a><a  href="http://ninja-reborn.forumotion.com/t33-jutsu-creation-event" title="Jutsu Creation Event" target="_blank"><img src="http://i.imgur.com/m3opOlE.png" alt="Jutsu Creation Event" /></a><a  href="http://ninja-reborn.forumotion.com/t34-staff-needed" title="Staff Needed" target="_blank"><img src="http://i.imgur.com/OggWS0e.png" alt="Staff Needed" /></a></div><script type="text/javascript">(function(){var r = document.getElementById("rotator1465148506855"), l = r.getElementsByTagName("A"), rotate = window.setInterval(function() {var a = document.getElementById("itemActif1465148506855"), n = jQuery(a).next()[0] || l[0]; if (!a) return window.clearInterval(rotate); n.style.opacity = 1;n.style.zIndex = 998;jQuery(a).animate({"opacity":0},800,"linear",function() {a.id = "";a.style.zIndex = "";n.id = "itemActif1465148506855";n.style.zIndex = 999})},3000)})();</script></div>

[Customkid2]

That one puts the slideshow over my chatbox, making it unusable

[Customkid2]

bump

[Customkid2]

bump

[Customkid2]

bumping again

[Rhino.Freak]

Sorry i forgot about this thread. Please put the codes back in so that I can look and debug it later today.