Images qui s'agrandissent

Fermé
jblrx - 22 nov. 2011 à 12:52
Noviceman Messages postés 222 Date d'inscription mercredi 4 août 2010 Statut Membre Dernière intervention 2 mars 2016 - 24 nov. 2011 à 15:32
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

Noviceman Messages postés 222 Date d'inscription mercredi 4 août 2010 Statut Membre Dernière intervention 2 mars 2016 7
Modifié par Noviceman le 24/11/2011 à 15:36
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" :-)
0