Sujet Précédent Sujet Suivant

Probleme avec a:hover

Résolu/Fermé
maxdel26 Messages postés 89 Date d'inscription lundi 9 mars 2009 Statut Membre Dernière intervention 20 septembre 2016 - 18 févr. 2010 à 23:55
Jean-François Pillou Messages postés 18301 Date d'inscription lundi 15 février 1999 Statut Webmaster Dernière intervention 16 février 2023 - 19 févr. 2010 à 11:12
Bonjour, j'ai disposer 3 petits drapeaux sur ma page, j'ai réussi à faire le lien vers les autres pages, mais je voudrais que les drapeaux se lèvent quand on passe la souris dessus.

Voici mon code :

HTML

<div <a href="Home_german.html" class="drapeau_allemagne"></a></div>

CSS

.drapeau_allemagne{
width:41px;
height:19px;
position:absolute;
top:3.4%;
right:18%;
background:url("images/drapeau_allemagne.bmp") no-repeat;
}
.drapeau_allemagne a:hover{
width:29px;
height:41px;
position:absolute;
background:url("images/drapeau_allemagne2.bmp");
}

Vous voyez une erreur ?

3 réponses

Réponse 1 / 3
Jean-François Pillou Messages postés 18301 Date d'inscription lundi 15 février 1999 Statut Webmaster Dernière intervention 16 février 2023 63 274
18 févr. 2010 à 23:59
Oui tu t'es trompé : 

a.drapeau_allemagne{
width:41px;
height:19px;
position:absolute;
top:3.4%;
right:18%;
background:url("images/drapeau_allemagne.bmp") no-repeat;
}
a.drapeau_allemagne:hover{
width:29px;
height:41px;
position:absolute;
background:url("images/drapeau_allemagne2.bmp");
}
Jean-François Pillou

Fondateur de CommentCaMarche.net

2
Réponse 2 / 3
maxdel26 Messages postés 89 Date d'inscription lundi 9 mars 2009 Statut Membre Dernière intervention 20 septembre 2016 2
19 févr. 2010 à 00:12
Coooooool ! Merci j'ai fais les changements ;)

Mais il me reste un soucis le drapeau se déploie vers le bas, alors que je voudrais vers le haut.

Comment qu'on fait ?
0
Jean-François Pillou Messages postés 18301 Date d'inscription lundi 15 février 1999 Statut Webmaster Dernière intervention 16 février 2023 63 274
19 févr. 2010 à 11:12
Cela n'a rien à voir, mais normalement le format BMP n'est pas un format web, préfère plutôt un JPEG ou PNG.

Est-ce voulu que la largeur et la hauteur ne soit pas les mêmes dans les deux cas ? Pour ma part je ferais deux images de la même hauteur largeur, quitte à laisser du blanc en haut sur la première pour que le drapeau se lève dans la seconde.

Enfin, pense à remettre le no-repeat sur la seconde image.
0
Réponse 3 / 3
LelLex Messages postés 1628 Date d'inscription mercredi 18 février 2009 Statut Membre Dernière intervention 5 septembre 2012 112
19 févr. 2010 à 00:53
Réduit ton top:3.4%.

Tu codes avec quelle version ?
0