Zoom sur image
Résolu
jjaco
Messages postés
575
Statut
Membre
-
animostab Messages postés 3003 Statut Membre -
animostab Messages postés 3003 Statut Membre -
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
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:
- Zoom sur image
- Image iso - Guide
- Zoom appel video - Guide
- Légender une image - Guide
- Reduire taille image - Guide
- Acronis true image - Télécharger - Sauvegarde
1 réponse
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 {}
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 {}