Bonjour,
Je suis en train de faire un petit site avec des photos que je dois agrandir quand je passe avec la souris dessus. Quand on arrive pour la prémiere fois sur le site toutes les photos ont la même taille en occurence de petite taille. Sauf que chaque photo au passage de la souris dessus devra avoir de width et height différent car chaque image a une taille différente de l'autre en pixel autrement ça s'affiche bizarrement.
J'aimerais que le site s'affiche correctement sur IE plus que sur MFF.
J'ai pris un petit bout de code html et css sur internet qui est censé fonctionner correctement car quand j'essaye depuis le site où j'ai pris le code ça marche bien donc sur IE, mais quand j'essaye depuis mon non domaine ça ne marche pas sur IE.
Voici le code HTML:
Code :
- <html>
- <head>
- <link rel="stylesheet" media="screen" type="text/css" title="Design sombre" href="Essai.css" />
- </head>
- <body>
- <div class="zoom1">
- <p>
- <a href="#"></a>
- </p>
- </div>
- </body>
- </html>
|
Maintenant le code CSS:
Code :
- .zoom1 {
- width: 400px;
- height: 300px;
- background-image: url(machaon1.jpg);
- background-repeat: no-repeat;
- margin: 0 auto;
- }
- .zoom1 p, .zoom1 a {
- height: 300px;
- display: block;
- margin:0}
- .zoom1 a:hover {
- background-image: url(machaon1.jpg);
- background-position: 0px -300px;
- background-repeat:no-repeat;
- cursor:help;}
|
----------------------------------------------
Ceci est mon code que j'essaye de faire marcher.
Code :
- <HTML>
- <HEAD>
- <style type="text/css">
- .toto
- {
- a image {border: none;}
- a:hover {border: 0px;}
- a:hover image {width: 377px; height: 650px;}
- }
- .toto1
- {
- a image {border: none;}
- a:hover {border: 0px;}
- a:hover image {width: 200px; height: 400px;}
- }
- </style>
- </HEAD>
- <BODY>
- <div class="toto">
- <a href="#"><img src="P7160150COMP.jpg" width="31px" height="51px" alt="" >
- </a>
- <div class="toto1">
- <a href="#"><img src="P7160150COMP.jpg" width="31px" height="51px" alt="">
- </a>
- </div>
- </BODY>
- </HTML>
|
J'aimerais que l'histoire de class marche pour je puisse définir les paramètre de taille de chaque photo lorsque la souris passe dessus.
Merci beaucoup de l'avoir lu et m'avoir aidé.
Message édité par grafvon le 19-03-2007 à 13:16:03