Geckozone

Bonjour à tous, ne sachant pas à qui m'adresser (je suis allé sur mozilla europe et suis tombé ici) je vous le dis en espérant que l'information arrivera aux bonnes oreilles

Voila, j'ai crée une classe css de td pour mettre une animation dans mon menu, au survole, l'image de fond change, c'est un gif animé.

td.menu{
background-image: url("image1.gif");
..
}

td.menu:hover{
background-image: url("image2.gif");
..
}

Voila, si image2.gif est un gif animé, seul la premiere image du gif est affichée...

un exemple? www.planete-casio.fr regardez le menu, les gros boutons marchent nikel car ce sont des gifs simples, mais dans les sous menus ce sont des gifs animés qui donnent un effet de clignotement des quatres petits angles rouges...malheuresement ca ne marche pas

(j'ai vérifié le gif

je l'ai meme refait avec image ready pour en etre sur

)

Merci

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.8.0.1) Gecko/20060111 Firefox/1.5.0.1

salut,

premierement je te conseillerai plutot une liste(ul, li), avec un css avec

Code : Tout sélectionner

#menu li {....}
#menu li:hover {....}

secondement montre-nous le code de ton tableau(en plus les tableaux, c'est pas fait pour la mise en page

)

est ce que ça fonctionne sous IE ?je n'en ai pas l'impression

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.8.0.1) Gecko/20060111 Firefox/1.5.0.1

Non, Ie n'accepte pas les td.class:hover ... vivement le 7

Extrait du code js

Code : Tout sélectionner

document.write('<DIV ID=topgauche><table border=0 cellspacing=0 cellpadding=0 width=950><tr><td width=3><img src='+skin+'/menu/images/menu_cote_gauche.gif></td><td><TABLE CELLPADDING=0 CELLSPACING=0 BORDER=0 WIDTH=944 HEIGHT=25><TR>')
var j = 0;
for (i=0;i<dimmain;i++){
if(i>0){
j=118*i+6+i;

}	
document.write('<TD VALIGN=top WIDTH=118 ALIGN=center class=topmenu onMouseOver="pop('+i+',zlien['+i+'],vlien['+i+'],'+j+')"><A onMouseOver="pop('+i+',zlien['+i+'],vlien['+i+'],'+j+')" href='+defmain[i]+' CLASS=topmenu><img border=0 vspace=2 src=\''+skin+'/menu/images/'+main[i]+'.gif\'></a></TD>');
}
document.write('</TR></TABLE></td><td width=3><img src='+skin+'/menu/images/menu_cote_droit.gif></td></tr></table></DIV></div>')

Extrait du css

Code : Tout sélectionner

td.topmenu {
background-image: url("images/menu_fond_haut.gif");
background-repeat: no-repeat;
}

td.topmenu:hover{
background-image: url("images/menu_fond_haut2.gif");
background-repeat: no-repeat;
}

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.8.0.1) Gecko/20060111 Firefox/1.5.0.1

Où ça un menu ? Tu veux parler des petits boutons carrés en haut à droite représentant une maison, une prise électrique, une loupe etc. ? Je n'ai pas de changement d'image du tout au survol

Je dois avouer ne rien comprendre au code. Faut dire qu'avec tous ces tableaux (qui ne sont pas prévus pour faire de la mise en forme) et les erreurs HTML (je te conseille vivement de faire valider ta page, c'est souvent la source de nombreux problèmes) il n'est pas facile de s'y retrouver

Message envoyé avec : Mozilla/5.0 (X11; U; Linux x64; fr; rv:1.8.0.1) Gecko/20060111 Firefox/1.5.0.1

http://pompage.net/articles

Geckozone

Bug firefox

Bug firefox