Zoom image site
Résolu
Nadjim08
Messages postés
34
Date d'inscription
Statut
Membre
Dernière intervention
-
pijaku Messages postés 12263 Date d'inscription Statut Modérateur Dernière intervention -
pijaku Messages postés 12263 Date d'inscription Statut Modérateur Dernière intervention -
A voir également:
- Zoom image site
- Site comme coco - Accueil - Réseaux sociaux
- Site de telechargement - Accueil - Outils
- Quel site remplace coco - Accueil - Réseaux sociaux
- Site pour vendre des objets d'occasion - Guide
- Site pour partager des photos - 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...