Afficher une image réactive par dessus une autre sous IE

Bonjour.
J'ai découvert css il y a quelques jours avec enthousiasme (un peu trop sans doute, puisque je veux à présent obtenir des effets qui ne sont peut-être pas faisables ).
Je cherche à mettre une image réactive (un bouton quoi) par dessus une autre image. Cela donne cet effet : bibli.html, très joli sous FireFox mais absent sous InternetExplorer. J'ai cherché d'autres moyens de faire marcher ça mais je n'y arrive pas .
La technique décrite sur ce site, qui consiste à mettre les images en background, marche très bien sous les deux navigateurs (bibli4.html), mais ne me convient pas car j'aimerais que l'image de fond soit une map, et donc je ne veux justement pas la mettre en fond .
Voici une liste de plusieurs de mes essais : tests. J'en ai fait d'autres mais à un moment où je ne pensais pas à les sauver au fur et à mesure pour me souvenir de ce que j'essayais . Je sais, ces codes ne sont pas valides, ils sont mêmes très moches, sans DOCTYPE et pleins de majuscules, mais les mauvaises habitudes ne se perdent pas facilement . Je changerais tout ça pour la version définitive .
Modifié par Thorn (17 Feb 2005 - 19:46)

Salut,

J'ai fait quelques tests : je n'arrive pas à affecter l'image dans le lien sous IE, en aucune manière. J'ai dû passer à côté de quelque chose.
Ceci dit, je ne vois pas en quoi la map et l'image en background sont contradictoires, puisque ta map se trouverait sur l'image piece, alors que l'image de fond changeante ne serait que sur le lien de la fenêtre.

merci d'avoir essayé.
Avec ma version d'IE, sur la page bibli4, les montagnes apparaissent lorsqu'on passe la souris sur la fenêtre. C'est la seule version pour laquelle j'obtiens ce résultat sous IE, et c'est aussi celle dans laquelle l'image de la pièce est mise en background d'un calque, c'est pour ça que je dis que c'est contradictoire avec une map.

Quand tu dis que la technique décrite sur ce site marche très bien, parles-tu de : http://www.alsacreations.com/articles/imgreactive/
Moi aussi je «taponne» et je n'y arrive pas «encore».

On va progresser ensemble. Ah ah ah ! pour aujourd'hui, je n'ai rien à proposer... pcq rien ne marche avec moi.

En ce moment j'ai http://ppzx.net
Cela fonctionne très bien, mais je voudrais le réaliser en php-CSS
Le code actuel est

<!--PARTIE CENTRALE-->
<div class="centre">
<div class="intro">
<a href="galeries.php">
<img src="images/base.jpg" alt="Entr&eacute;e du site" width="300px" height="300px"
onmouseout="this.src='images/base3.jpg'" />
</a>
</div>
<!--FIN PARTIE CENTRALE-->

en CSS

.intro
	      {
          background-color       : #CCCC99;
		  float				  	  : left;
		  margin-top			  : 50px;
		  margin-left			  : 147px;
		  }

.intro img 
		  {
           display                : block;
           position               : relative;
           background-color       : #333300;
           margin                 : -8px 8px 8px -8px;
		   }

Amitiés, pierreandre
Modifié par pierreandre (18 Feb 2005 - 03:47)

Je veux bien essayer de t'aider, mais il faudrait que je puisse voir la version que tu essayes de faire sans javascript. Est-elle disponible en ligne ?

Bonjour Thorn,
Merci beaucoup pour ton aide.

Ce que j'ai sur mon site m'a été donné et j'aime beaucoup cette présentation, que je tiens à conserver.

Je voudrais juste passer des parties «java» à php. En particulier les images réactives. Donc remplacer en gros «onmouseover» par «image:hover» (+ le hack pour IE).

Comme je suis débutant, c'est difficile, mais j'ai du temps pour y arriver.

Donc je n'ai que les données actuelles à améliorer : http://ppzx.net

Amitiés, pierreandre

édit du lien par Igor
Modifié par Igor (18 Feb 2005 - 21:26)