Précédent   Forum des professionnels en informatique > Webmasters - Développement Web > CSS
CSS Forum d'entraide sur l'utilisation des feuilles de style CSS. Avant de poster : Cours CSS, FAQ CSS, Galerie CSS
Partagez cette discussion sur d'autres réseaux sociaux : Viadeo Twitter Google Facebook Digg Delicious MySpace Yahoo
Réponse Proposer ce sujet en actualité
 
Outils de la discussion
Publicité
'
Vieux 06/02/2011, 19h47   #1
Membre habitué
 
Homme
Développeur Web
Inscription : janvier 2008
Messages : 365
Détails du profil
Informations personnelles :
Sexe : Homme
Âge : 24
Localisation : France

Informations professionnelles :
Activité : Développeur Web

Informations forums :
Inscription : janvier 2008
Messages : 365
Points : 140
Points : 140
Par défaut Background-color sur hover

Bonjour,

Je souhaiterai changer le background d'une div au passage de la souris.

Code :
1
2
3
4
<div class="RegiePubLigneCampagne">
    <div></div>
    <div></div>  
</div>
Code :
1
2
3
.RegiePubLigneCampagne:hover {
	background-color:#F5F6F6
}
Seulement ça ne fonctionne pas du tout, et si je rajoute ça fonctionne sur ie, chrome et safari, mais ça plante sous firefox et opera.

Merci
Khleo est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 06/02/2011, 20h39   #2
Rédacteur/Modérateur
 
Homme Jérome Debray
Responsable de projet
Inscription : mai 2009
Messages : 627
Détails du profil
Informations personnelles :
Nom : Homme Jérome Debray
Âge : 32
Localisation : France

Informations professionnelles :
Activité : Responsable de projet
Secteur : High Tech - Multimédia et Internet

Informations forums :
Inscription : mai 2009
Messages : 627
Points : 3 064
Points : 3 064
si tu mets une hauteur et une largeur, tu devrais voir le changement.

Code css :
1
2
3
4
5
6
7
8
9
 
.RegiePubLigneCampagne{
	background-color:#111;
	width:100px;
	height:50px;
}
.RegiePubLigneCampagne:hover {
	background-color:#F5F6F6;
}

Il faut savoir également que le :hover fonctionne uniquement sur le tag "a" pour IE6. Pour le reste des navigateurs, il fonctionne sur tous type d'élément.
ornitho13 est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 06/02/2011, 20h47   #3
Membre habitué
 
Homme
Développeur Web
Inscription : janvier 2008
Messages : 365
Détails du profil
Informations personnelles :
Sexe : Homme
Âge : 24
Localisation : France

Informations professionnelles :
Activité : Développeur Web

Informations forums :
Inscription : janvier 2008
Messages : 365
Points : 140
Points : 140
Ca fonctionne ... à moitié :

Quand je suis sur la première ligne il ne se passe rien, mais lorsque je survole la seconde ligne il change le background de la première ligne.

Merci
Khleo est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 06/02/2011, 20h57   #4
Membre habitué
 
Homme
Développeur Web
Inscription : janvier 2008
Messages : 365
Détails du profil
Informations personnelles :
Sexe : Homme
Âge : 24
Localisation : France

Informations professionnelles :
Activité : Développeur Web

Informations forums :
Inscription : janvier 2008
Messages : 365
Points : 140
Points : 140
C'est bon j'ai réussi à corriger ça.

Merci beaucoup
Khleo est déconnecté   Envoyer un message privé Réponse avec citation 00
Réponse Proposer ce sujet en actualité Cette discussion est résolue.
Outils de la discussion



Fuseau horaire GMT +2. Il est actuellement 08h46.


 
 
 
 
Partenaires

Hébergement Web