Code html pour agrandire des images
jer03
-
jer03 -
jer03 -
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?
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 ascii - Guide
- Des images - Guide
- Code puk bloqué - Guide
- Comment déverrouiller un téléphone quand on a oublié le code - Guide
- Code activation windows 10 - Guide
2 réponses
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.
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.
