Survol d'un bouton de la barre de navigation

[emc2]

Détails techniques

Version du forum : phpBB3
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Google Chrome
Capture d'écran du problème :

Voir l'image:

Personnes concernées par le problème : Tous les utilisateurs
Problème apparu depuis : survol d'un bouton sur la navigation
Lien du forum : http://forumfrance.forumactif.fr/

Description du problème

Je viens de rajouter un bouton sur la barre de navigation. Hors, j'avais déjà mis un code pour celle-ci dans le CSS:

Code:

/*IMAGE ACCUEIL*/
#i_icon_mini_index{
  background-image:url(http://i39.servimg.com/u/f39/19/00/20/97/button10.png);/*image si la souris ne survole pas*/
  width:80px; /*Largeur de l'image*/
  height:30px; /*Hauteur de l'image*/
  background-position: 0;
}
#i_icon_mini_index:hover{
  background-image:url(http://i39.servimg.com/u/f39/19/00/20/97/button11.png); /*image si la souris survole*/
  width:80px; /*Largeur de l'image*/
  height:30px; /*Hauteur de l'image*/
}
/*IMAGE CALENDRIER*/
#i_icon_mini_calendar{
  background-image:url(http://i39.servimg.com/u/f39/19/00/20/97/button12.png); /*image si la souris ne survole pas*/
  width:100px; /*Largeur de l'image*/
  height:30px; /*Hauteur de l'image*/
  background-position: 0;
}
#i_icon_mini_calendar:hover{
  background-image:url(http://i39.servimg.com/u/f39/19/00/20/97/button13.png); /*image si la souris survole*/
  width:100px; /*Largeur de l'image*/
  height:30px; /*Hauteur de l'image*/
}
/*IMAGE FAQ*/
#i_icon_mini_faq{
  background-image:url('http://i39.servimg.com/u/f39/19/00/20/97/button14.png'); /*image si la souris ne survole pas*/
  width:42px; /*Largeur de l'image*/
  height:30px; /*Hauteur de l'image*/
  background-position: 0;
}
#i_icon_mini_faq:hover{
  background-image:url('http://i39.servimg.com/u/f39/19/00/20/97/button15.png'); /*image si la souris survole*/
  width:42px; /*Largeur de l'image*/
  height:30px; /*Hauteur de l'image*/
}
/*IMAGE RECHERCHE*/
#i_icon_mini_search{
  background-image:url('http://i39.servimg.com/u/f39/19/00/20/97/button16.png'); /*image si la souris
ne survole pas*/
  width:102px; /*Largeur de l'image*/
  height:30px; /*Hauteur de l'image*/
  background-position: 0;
}
#i_icon_mini_search:hover{
  background-image:url('http://i39.servimg.com/u/f39/19/00/20/97/button17.png'); /*image si la souris survole*/
  width:102px; /*Largeur de l'image*/
  height:30px; /*Hauteur de l'image*/
}
/*IMAGE MEMBRES*/
#i_icon_mini_members{
  background-image:url('http://i39.servimg.com/u/f39/19/00/20/97/button18.png'); /*image si la souris ne survole pas*/
  width:84px; /*Largeur de l'image*/
  height:30px; /*Hauteur de l'image*/
  background-position: 0;
}
#i_icon_mini_members:hover{
  background-image:url('http://i39.servimg.com/u/f39/19/00/20/97/button19.png'); /*image si la souris survole*/
  width:84px; /*Largeur de l'image*/
  height:30px; /*Hauteur de l'image*/
}
/*IMAGE GROUPES*/
#i_icon_mini_groups{
  background-image:url('http://i39.servimg.com/u/f39/19/00/20/97/button21.png'); /*image si la souris ne survole pas*/
  width:72px; /*Largeur de l'image*/
  height:30px; /*Hauteur de l'image*/
  background-position: 0;
}
#i_icon_mini_groups:hover{
  background-image:url('http://i39.servimg.com/u/f39/19/00/20/97/button22.png'); /*image si la souris survole*/
  width:72px; /*Largeur de l'image*/
  height:30px; /*Hauteur de l'image*/
}
/*IMAGE PROFIL*/
#i_icon_mini_profile{
  background-image:url('http://i39.servimg.com/u/f39/19/00/20/97/button23.png'); /*image si la souris ne survole pas*/
  width:60px; /*Largeur de l'image*/
  height:30px; /*Hauteur de l'image*/
  background-position: 0;
}
#i_icon_mini_profile:hover{
  background-image:url('http://i39.servimg.com/u/f39/19/00/20/97/button24.png'); /*image si la souris survole*/
  width:60px; /*Largeur de l'image*/
  height:30px; /*Hauteur de l'image*/
}
/*IMAGE MP (pas de nouveaux messages)*/
#i_icon_mini_message{
  background-image:url('http://i39.servimg.com/u/f39/19/00/20/97/button25.png'); /*image si la souris ne survole pas*/
  width:90px; /*Largeur de l'image*/
  height:30px; /*Hauteur de l'image*/
  background-position: 0;
}
#i_icon_mini_message:hover{
  background-image:url('http://i39.servimg.com/u/f39/19/00/20/97/button26.png'); /*image si la souris survole*/
  width:90px; /*Largeur de l'image*/
  height:30px; /*Hauteur de l'image*/
}
/*IMAGE MP (nouveaux messages)*/
#i_icon_mini_new_message{
  background-image:url('http://i39.servimg.com/u/f39/19/00/20/97/button27.png'); /*image si la souris ne survole pas*/
  width:90px; /*Largeur de l'image*/
  height:30px; /*Hauteur de l'image*/
  background-position: 0;
}
#i_icon_mini_new_message:hover{
  background-image:url('http://i39.servimg.com/u/f39/19/00/20/97/button28.png'); /*image si la souris survole*/
  width:90px; /*Largeur de l'image*/
  height:30px; /*Hauteur de l'image*/
}
/*IMAGE DECONEXION*/
#i_icon_mini_logout{
  background-image:url('http://i39.servimg.com/u/f39/19/00/20/97/button29.png'); /*image si la souris ne survole pas*/
  width:116px; /*Largeur de l'image*/
  height:30px; /*Hauteur de l'image*/
  background-position: 0;
}
#i_icon_mini_logout:hover{
  background-image:url('http://i39.servimg.com/u/f39/19/00/20/97/button30.png'); /*image si la souris survole*/
  width:116px; /*Largeur de l'image*/
  height:30px; /*Hauteur de l'image*/
}
/*IMAGE S'ENREGISTRER*/
#i_icon_mini_register{
  background-image:url('http://i39.servimg.com/u/f39/19/00/20/97/button31.png'); /*image si la souris ne survole pas*/
  width:88px; /*Largeur de l'image*/
  height:30px; /*Hauteur de l'image*/
  background-position: 0;
}
#i_icon_mini_register:hover{
  background-image:url('http://i39.servimg.com/u/f39/19/00/20/97/button32.png'); /*image si la souris survole*/
  width:88px; /*Largeur de l'image*/
  height:30px; /*Hauteur de l'image*/
}
/*IMAGE CONNEXION*/
#i_icon_mini_login{
  background-image:url('http://i39.servimg.com/u/f39/19/00/20/97/button33.png'); /*image si la souris ne survole pas*/
  width:96px; /*Largeur de l'image*/
  height:30px; /*Hauteur de l'image*/
  background-position: 0;
}
#i_icon_mini_login:hover{
  background-image:url('http://i39.servimg.com/u/f39/19/00/20/97/button34.png'); /*image si la souris survole*/
  width:96px; /*Largeur de l'image*/
  height:30px; /*Hauteur de l'image*/
}

Je cherche à faire en sorte que l'image de survole (déjà prête) de la galerie puisse apparaître de la même manière que les autres.
Merci par avance.

[Neptunia]

Bonjour ^^

Il suffit d'appliquer le même principe avec les identifiants suivants :

- #i_icon_mini_gallery
- #i_icon_mini_gallery:hover

[emc2]

Ok, merci ! J'étais sur "galerie" au lieu de "gallery" !
Je ne balise pas immédiatement, Je fais d'abord le codage.
Merci encore.