Zoom image site
Résolu
Nadjim08
Messages postés
165
Statut
Membre
-
pijaku Messages postés 13513 Statut Modérateur -
pijaku Messages postés 13513 Statut Modérateur -
Bonjour, je voudrais lorsque que l'on passe la souris sur les images de mon site que sa face un effet zoom mai le soucie introuvable et je compte sur vous pour pouvoir m'aider merci.
A voir également:
- Zoom image site
- Site de telechargement - Accueil - Outils
- Site comme coco - Accueil - Réseaux sociaux
- Quel site remplace coco - Accueil - Réseaux sociaux
- Site x - Guide
- Site pour vendre des objets d'occasion - Guide
4 réponses
Je vien d'insérer ce code dans mes CSS et lorsque que je passe la souris sur mes image toujours pareille.
.zoom {
height:400px;
}
.zoom p {
text-align:center;
}
.zoom img {
width:200px;
height:267px;
}
.zoom img:hover {
width:300px;
height:400px;
}
.zoom {
height:400px;
}
.zoom p {
text-align:center;
}
.zoom img {
width:200px;
height:267px;
}
.zoom img:hover {
width:300px;
height:400px;
}
Bon ok. On n'est pas sorti du sable.
Tu codes tes pages avec quoi? quel logiciel? quel langage?
Fais cet essai :
1- ouvrir le bloc notes
2- copier-coller ce css dans la page du bloc note :
3- enregistrer sous : monstyle.css
4- ouvrir une nouvelle feuille du bloc note
5- copier-coller ce code html dans la nouvelle page du bloc note
7- enregistrer sous "poisson-rouge.jpg", dans le même répertoire que les 2 fichiers précédents l'image ci-jointe
8- tester
ci-joint le répertoire exemple à dézipper...
Tu codes tes pages avec quoi? quel logiciel? quel langage?
Fais cet essai :
1- ouvrir le bloc notes
2- copier-coller ce css dans la page du bloc note :
.zoom {
height:400px;
}
.zoom p {
text-align:center;
}
.zoom img {
width:200px;
height:267px;
}
.zoom img:hover {
width:300px;
height:400px;
}
3- enregistrer sous : monstyle.css
4- ouvrir une nouvelle feuille du bloc note
5- copier-coller ce code html dans la nouvelle page du bloc note
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
<head>
<title>Mon site il est génial!!!!</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" media="screen" type="text/css" title="Design" href="monstyle.css" />
</head>
<BODY>
<div class="zoom">
<p>
<img src="poisson-rouge.jpg"/>
</p>
</div>
</body>
</html> 6- enregistrer sous (dans le même répertoire que le css ci-dessus) : index.html
7- enregistrer sous "poisson-rouge.jpg", dans le même répertoire que les 2 fichiers précédents l'image ci-jointe
8- tester
ci-joint le répertoire exemple à dézipper...