Zoom sur image
Résolu
jjaco
Messages postés
534
Date d'inscription
Statut
Membre
Dernière intervention
-
animostab Messages postés 2829 Date d'inscription Statut Membre Dernière intervention -
animostab Messages postés 2829 Date d'inscription Statut Membre Dernière intervention -
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
- Acronis true image - Télécharger - Sauvegarde
- Reduire taille image - Guide
- Télécharger zoom gratuit pour pc - Télécharger - Téléphonie & Visio
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 {}