Page 1 sur 1

expandable Megabanner

Posté : 24 avr. 2008, 15:21
par droops
Bonjour,
J'ai une banniere sur mon site qui s'expand lors d'un rollover. Le problem c'est qu'elle masque une partie de ma page.
J'ai deja vu sur d'autre site que lors de ce rollover, la page descendait ou remontait en fonction de la hauteur de la pub..

Est ce que kkun sait comment gerer ca?



Vous pouvez voir la megabanner qui me derange en haut de la page sur http://www.kippreport.com

Merci d'avance de votre aide...

Posté : 24 avr. 2008, 16:23
par mcorgnet
Déjà, ta bannière, tout en haut, ne fonctionne pas sous mozilla, mais sous IE.

Ensuite, pour ton problème, il faut que tu places ta page dans une <div> à laquelle tu attribues un ID. Ensuite, avec javascript, tu fais quelque chose dans ce genre :

Code : Tout sélectionner

// 00000px est en fait la hauteur de ta banière en px function deplacerDiv() { document.getElementById('maDiv').style.top = '00000px'; }

Au préalable, il faut avoir défini l'événement onmouseover de ta bannière, pour que le javascript ne s'exécute que lorsque la souris passe sur la bannière.

Code : Tout sélectionner

var banniere = document.getElementById('IdDeMaBaniere'); // pour mozilla banniere.addEventListener('mouseover', function() {deplacerDiv }, false);
Ou quelque chose qui ressemble à ça ...

Posté : 24 avr. 2008, 16:55
par droops
Mais ca va me faire baisser toute la page?