Code html pour agrandire des images

Fermé

jer03 - 23 juil. 2013 à 16:10
jer03 - 23 juil. 2013 à 19:04

Bonjour,
je viens de mettre un code html pour agrandir des image sur ma futur page web.
le voici:
<head>
</script>
<meta http-equiv=Content-Type content="text/html; charset=iso-8859-1">

<style type="text/css">

a img {border:none} /* pas d'encadrement des images */

a:hover {border:10px } /* hack pour IE - ne sert sinon à rien */

a:hover img {width:600px ; height:316px} /* agrandi les images lors du survol */

</style>
</head>

et pour body:

<BODY>

<a href="#"><img src="images/image1.jpg" width="100" height="54" alt=""></a>

<a href="#"><img src="images/image2.jpg" width="100" height="54" alt=""></a>

<a href="#"><img src="images/image3.jpg" width="100" height="54" alt=""></a>

<a href="#"><img src="images/image4.jpg" width="100" height="54" alt=""></a>

cela marche très bien mais le problème que j'ai c'est que sur ma page, j'ai des images qui s'agrandisse alors que je ne veux pas. je veux juste un agrandissement sur les images " image1, image2, image3, image4" et pas sur les autres.

comment je dois faire alors?

A voir également:

Code html pour agrandire des images
Code asci - Guide
Code puk bloqué - Guide
Des images - Guide
Editeur html - Télécharger - HTML
Code telephone oublié - Guide

2 réponses

Réponse 1 / 2

astuces72 Messages postés 7760 Date d'inscription vendredi 15 janvier 2010 Statut Membre Dernière intervention 29 octobre 2024 1 640
23 juil. 2013 à 16:26

hello

il faut faire une class

<style type="text/css">
.imgresize {border:none} /* pas d'encadrement des images */
.imgresize:hover {border:10px } /* hack pour IE - ne sert sinon à rien */
.imgresize:hover {width:600px ; height:316px} /* agrandi les images lors du survol */
</style>

et pour l'image qui doit être agrandi:
<a href="#"><img class="imgresize" src="images/image1.jpg" width="100" height="54" alt=""></a>

mais un agrandissement ne se fait pas comme ça !
il faut une miniature et une image déjà à la taille 600X316.

Réponse 2 / 2

jer03
23 juil. 2013 à 19:04

ok merci ça marche.

par rapport à ce vous disiez "mais un agrandissement ne se fait pas comme ça !
il faut une miniature et une image déjà à la taille 600X316."
vous connaissez une autre solution?

Discussions similaires

Codes bateaux et avion GTA vice city Stories

Code de renvoi d'appel : Ooredo, Mobilis...

code d'activation GTA 5 steam