Images qui s'agrandissent

[Fermé]
Signaler
-
Messages postés
222
Date d'inscription
mercredi 4 août 2010
Statut
Membre
Dernière intervention
2 mars 2016
-
Bonjour,

j'utilise NVU 1.0 pour créer un site pour mon entreprise

je voudrais faire en sorte que les images que j'ai insérées dans ma page s'agrandissent lorsque l'on passe dessus ou qu l'on clique dessus avec la souris

est ce possible ? si oui comment faire?

attention je suis débutant en création de site

merci à tous



1 réponse

Messages postés
222
Date d'inscription
mercredi 4 août 2010
Statut
Membre
Dernière intervention
2 mars 2016
7
Bonjour, pas le temps de tester, tu peux essayer ça ? (sur une page vierge avant de l'insérer...)

   
<head>     
 <style type="text/css">     
 .vignette a {     
 position: absolute;     
 display: block;     
 width: 50px;     
 height: 50px;     
 margin: 0 5px 0 0;     
 border: 1px solid blue;     
}     
.vignette a:hover {     
 position: absolute;     
 display: block;     
 width: 150px;     
 height: 150px;     
 margin: 0 5px 0 0;     
 border: 1px solid red;     
}     
.image a {     
 background: url(image.jpg) no-repeat top left;     
}     
</style>     
</head>     
<body>    
vignette, 1 image agrandie css :<br />   
<p class="vignette image"><a href="#" title="yop!">Blablabla</a></p>     
</body>

Si ça va bien, n'oublies pas de mettre "résolu" :-)