Zoom sur image

Résolu/Fermé
jjaco Messages postés 529 Date d'inscription dimanche 20 janvier 2008 Statut Membre Dernière intervention 15 mars 2024 - 5 nov. 2013 à 11:26
animostab Messages postés 2829 Date d'inscription jeudi 10 mars 2005 Statut Membre Dernière intervention 11 novembre 2019 - 5 nov. 2013 à 11:38
Bonjour,
voici le code qui fonctionne super:
#flyer{
float:left;
margin-left: 150px;
}
img {
width: 20%;
}
img:hover{
position:relative;
margin-left:0px;
width: 90%;
}
mes images en html
<div id="flyer"><img src="flyer/..." alt="flyer"/></div>
Le problème est que TOUTES les images de ma page subissent le même sort !,
càd qu'elles s'affichent toute raplaties et au passage de la souris elles sont normales.
Merci de me dire comment remédier à ce problème.
jjaco



A voir également:

1 réponse

animostab Messages postés 2829 Date d'inscription jeudi 10 mars 2005 Statut Membre Dernière intervention 11 novembre 2019 738
5 nov. 2013 à 11:38
Bonjour

c'est normal que toutes tes images sous soumises au zoom car ton css applique le zoom a toutes les images

fait cela

#flyer{
float:left;
margin-left: 150px;
}
#flyer img {
width: 20%;
}
#flyer img:hover{
position:relative;
margin-left:0px;
width: 90%;
}

Cela appliquera le zoom à la seule image qui est dans la div dont l'id est "flyer"
toutes les autres images doivent être dans une div qui n'aura pas comme id "flyer"

attention une id ne doit être utilisée qu'une seule fois dans une page
si une div est répétée plusieurs fois dans une page on doit lui appliquer une class

<div class="image">

et le css

.image {}
0