aiuto per sistemare calendario dell'avvento

Da erika87 Lun 14 Dic 2009 - 11:02

Ciao a tutti! poco tempo fa avevo chiesto aiuto per ottenere uno script di un calendario dell'avvento per il forum.

Molto gentilmente ho ricevuto proprio un bellissimo script di questo calendario a forma di albero. Purtroppo però era troppo grande...e dovendolo mettere nell'indice occupava troppo spazio e avevo gli argomenti troppo in basso.

così con un pò di pazienza ho cercato di capire il codice e me lo sono modificata in modo da creare un calendario dell'avvento lineare...e quindi che occuppasse pochissimo spazio! ci sono riuscita!!!

unica pecca...funziona bene solo con firefox...mentre con internet explorer è bruttino perchè attorno alle immagini si crea uno sfondo grigio Sad

...vi dò il link al mio forum così se volete potete guardare la differenza aprendolo prima con firefox e poi con i.e.

http://gnam.forumattivo.com

(come vedrete con firefox passando il mouse sopra alle caselle già aperte l'immagine "scompare" temporaneamente per vedere il numero del giorno mentre su internet explorer è tutto statico...)...

per cui vi chiedo...molto gentilmente riuscireste a modificarmi lo script in modo che sia compatibile anche con in internet explorer?

GRAZIE!!!

lo script è questo:

<style type="text/css">
#advent_calendar {
background-image: url(https://2img.net/h/oi46.tinypic.com/214tn5k.png);;
width:1000px;
height:60px;
position:relative;
}
#advent_calendar div {
position: absolute;
background-position: 0 0;
display: none;
}
#advent_calendar div:hover {
background: none;
}
#ac_d1 { background-image: url(https://2img.net/h/oi48.tinypic.com/13zu1hx.png); left: 0px; top:3px; width: 40px; height: 50px; }
#ac_d2 { background-image: url(https://2img.net/h/oi45.tinypic.com/5ugwax.png); left: 40px; top: 4px; width: 40px; height: 53px; }
#ac_d3 { background-image: url(https://2img.net/h/oi45.tinypic.com/6j26g9.png);left: 80px; top: 8px; width: 40px; height: 40px; }
#ac_d4 { background-image: url(https://2img.net/h/oi46.tinypic.com/oi4xzk.png); left: 120px; top: 6px; width: 45px; height: 40px; }
#ac_d5 { background-image: url(https://2img.net/h/oi47.tinypic.com/200zkg0.png); left: 160px; top: 7px; width: 40px; height: 43px; }
#ac_d6 { background-image: url(https://2img.net/h/oi47.tinypic.com/2q3c3rb.jpg); left: 200px; top: 6px; width: 39px; height: 39px; }
#ac_d7 { background-image: url(https://2img.net/h/oi47.tinypic.com/nywf9x.png); left: 240px; top: 6px; width: 40px; height: 40px; }
#ac_d8 { background-image: url(https://2img.net/h/oi48.tinypic.com/205w8r9.jpg); left: 280px; top: 6px; width: 45px; height: 47px; }
#ac_d9 { background-image: url(https://2img.net/h/oi49.tinypic.com/2j41o37.png); left: 320px; top: 8px; width: 44px; height: 40px; }
#ac_d10 { background-image: url(https://2img.net/h/oi49.tinypic.com/ixzj0p.png); left: 360px; top: 0px; width: 40px; height: 60px; }
#ac_d11 { background-image: url(https://2img.net/h/oi47.tinypic.com/2irlvt5.png); left: 400px; top: 5px; width: 40px; height: 50px; }
#ac_d12 { background-image: url(https://2img.net/h/oi49.tinypic.com/qnsh89.png); left: 440px; top: 5px; width: 40px; height: 46px; }
#ac_d13 { background-image: url(https://2img.net/h/oi47.tinypic.com/2eoid61.png); left: 480px; top: 8px; width: 40px; height: 46px; }
#ac_d14 { background-image: url(https://2img.net/h/oi48.tinypic.com/wspu6w.png); left: 520px; top: 8px; width: 41px; height: 40px; }
#ac_d15 { background-image: url(https://2img.net/h/oi46.tinypic.com/2i90088.png); left: 560px; top: 8px; width: 40px; height: 42px; }
#ac_d16 { background-image: url(https://2img.net/h/oi48.tinypic.com/24nhgyw.png); left: 600px; top: 8px; width: 46px; height: 40px; }
#ac_d17 { background-image: url(https://2img.net/h/oi49.tinypic.com/29ztt8k.png); left: 640px; top: 1px; width: 36px; height: 60px; }
#ac_d18 { background-image: url(https://2img.net/h/oi47.tinypic.com/2sb3dpf.png); left: 680px; top: 5px; width: 40px; height: 50px; }
#ac_d19 { background-image: url(https://2img.net/h/oi50.tinypic.com/10r73pt.png); left: 720px; top: 8px; width: 40px; height: 45px; }
#ac_d20 { background-image: url(https://2img.net/h/oi47.tinypic.com/um1w8.png); left: 760px; top: 8px; width: 40px; height: 40px; }
#ac_d21 { background-image: url(https://2img.net/h/oi45.tinypic.com/28swjh2.png); left: 800px; top: 8px; width: 40px; height: 40px; }
#ac_d22 { background-image: url(https://2img.net/h/oi46.tinypic.com/2qcmds3.png); left: 840px; top: 8px; width: 41px; height: 40px; }
#ac_d23 { background-image: url(https://2img.net/h/oi46.tinypic.com/34isdxf.png); left: 880px; top: 5px; width: 40px; height: 40px; }
#ac_d24 { background-image: url(https://2img.net/h/oi48.tinypic.com/1zzzh0.png); left: 920px; top: 9px; width: 40px; height: 40px; }
#ac_d25 { background-image: url(https://2img.net/h/oi49.tinypic.com/2jb1qbq.png); left: 960px; top: 2px; width: 40px; height: 56px; }
</style>
<div id="advent_calendar"><div id="ac_d1"></div><div id="ac_d2"></div><div id="ac_d3"></div><div id="ac_d4"></div><div id="ac_d5"></div><div id="ac_d6"></div><div id="ac_d7"></div><div id="ac_d8"></div><div id="ac_d9"></div><div id="ac_d10"></div><div id="ac_d11"></div><div id="ac_d12"></div><div id="ac_d13"></div><div id="ac_d14"></div><div id="ac_d15"></div><div id="ac_d16"></div><div id="ac_d17"></div><div id="ac_d18"></div><div id="ac_d19"></div><div id="ac_d20"></div><div id="ac_d21"></div><div id="ac_d22"></div><div id="ac_d23"></div><div id="ac_d24"></div><div id="ac_d25"></div></div><script type="text/javascript">var december1= new Date(2009,11,01); var today= new Date(); nb_days=(today-december1)/86400000; var count=0; while(count<=nb_days && count <25) document.getElementById('ac_d'+(++count)).style.display='block'; </script>