hello et merci de vous être arrêtés,

voila il y a peu on m'a aidé sur ce forum et d'une manière très rapide et efficace, je débute et là je suis bloqué à nouveau.. alors je vous sollicite encore ^___________^

j'ai appris à faire apparaitre une image quelque part sur mon écran lorsque je survole un élément choisi.
dans mon probleme, c'est un dessin qui fait apparaitre un nouveau dessin.

lorsque je le fais apparaitre "disons a 50px" du dessin d'origine ça marche nikel.

mais si je désire le faire apparaitre sur le même dessin pour qu'il le superpose, alors les deux dessins clignotent comme si ils étaient sur le même plan et qu'ils se battaient..

j'ai lu des post sur "visibility, z-index, transformer l'image en background et je doit avouer que je me perds assez facilement.

j'espere avoir été assez claire merci d'avance..



Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
<head>
<title>noir et blanc</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" media="screen" type="text/css" title="CSS externe du monde de zukuzu" href="yo.css" />
<script type="text/javascript" language="javascript">
 
 
var ns4 = (document.layers)? true:false;         //NS 4
var ie4 = (document.all)? true:false;         //IE 4
var dom = (document.getElementById)? true:false;   //NS 6 ou IE 5
 
var code1 =    "<img  class=\"sharpman_emplacement01\" src=\"images/sharpman02 galerie.png\"alt=\"D_01\" title=\"D_01\"/>"
				+"<img  class=\"case_emplacement01\" src=\"images/case galerie.png\" alt=\"D_01\" title=\"D_01\"/>";			
 
function affiche(monCodeHtml){
      if (dom) {
      document.getElementById("apercu").innerHTML = monCodeHtml;
         return;
      }
      if (ie4) {
          document.all["apercu"].innerHTML = monCodeHtml;
         return;
      }
      if (ns4) {
          with (eval('document.'+"apercu"+'.document')) {
             open();
             write(monCodeHtml);
             close();
         }
         return;
      }
}
 
</script>
 
</head>
 
<body class="sharpman_menu">
 
<img onClick='CATEGOTESTO.html' onMouseOver="affiche(code1)" OnMouseOut="affiche('&nbsp;');"class="bulle01" src="images/bulle galerie.png"  alt="D_01" title="D_01"/>
 
<img class="sharpman_emplacement" src="images/sharpman01.png"  alt="D_01" title="D_01">
 
</body>
</html>
 
<div id="apercu">&nbsp;</div>