Discussion :

[laurentSc]

Bonjour,

il s'agit d'un code html qui, au survol de la souris sur une image génère une fenêtre pop up. Le problème, c'est que dans un des 2 cas, la pop up est affichée dès le démarrage, et j'aimerais comprendre pourquoi pour corriger.

Le code qui ne marche pas :

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
50
51
52
53
54
55
<style type="text/css">
<!--
#menu12 {width: 200px;margin: 10px;
border:1px solid #000 ;
border-color: #000;
border-size: 1px;
border-width: 1px;
}
#menu12 ul {
list-style: none;
margin: 0;
padding: 0;
font-style:bold;
}
#menu12 li a {
height: 32px;
voice-family: "\"}\""; voice-family: inherit;
height: 24px;
text-decoration: none;
} /* N'oubliez pas de renseigner l'adresse des images */
#menu12 li a:link, #menu12 li a:visited {
color: #000;
display: block;
background: url(http://---/menu12.gif);
padding: 8px 0 0 10px;
}
#menu12 li a:hover {
color: #111;
background: url(http://---/menu12.gif) 0 -32px;
padding: 8px 0 0 10px;
}
--></style>
<div onmouseover="LayerDelive2.style.visibility='visible'"
 onmouseout="LayerDelive2.style.visibility='hidden'"
 id="LayerDelive2"
 style="z-index: 2; left: 100px; width: 0px; position: absolute; top: 200px; height: 0px; background-color: rgb(255, 255, 255); visibility: visible;">
<div id="menu12">
<ul>
  <li><a title="" href="http://www.google.fr"><b>Google</b></a></li>
  <li><a title="" href="http://www.altavista.fr"><b>Altavista</b></a></li>
</ul>
</div>
</div>
<div id="Layer1"
 style="z-index: 1; left: 50px; width: 0px; position: absolute; top: 250px; height: 0px;"><font
 color="#000000" face="Arial" size="2"><font
 color="#000000" face="Arial" size="2"><img
 src="http://---/recheureka30-en.gif"
 usemap="#Map2" border="0"> <map name="Map2">
<area onmouseover="LayerDelive2.style.visibility='visible'"
 shape="rect" coords="2,11,182,170">
<area onmouseout="LayerDelive2.style.visibility='hidden'"
 shape="RECT" coords="0,0,100,100">
</map>
</font></font></div>

Le même code (à mes yeux) qui marche :

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
50
51
52
53
54
55
56
57
<style type="text/css">
<!--
#menu12 {width: 200px;margin: 10px;
border:1px solid #000 ;
border-color: #000;
border-size: 1px;
border-width: 1px;
}
#menu12 ul {
list-style: none;
margin: 0;
padding: 0;
font-style:bold;
}
#menu12 li a {
height: 32px;
voice-family: "\"}\""; voice-family: inherit;
height: 24px;
text-decoration: none;
} /* N'oubliez pas de renseigner l'adresse des images */
#menu12 li a:link, #menu12 li a:visited {
color: #000;
display: block;
background: url(http://---/menu12.gif);
padding: 8px 0 0 10px;
}
#menu12 li a:hover {
color: #111;
background: url(http://---/menu12.gif) 0 -32px;
padding: 8px 0 0 10px;
}
-->
</style>
<div onmouseover="LayerDelive2.style.visibility='visible'"
 onmouseout="LayerDelive2.style.visibility='hidden'"
 id="LayerDelive2"
 style="z-index: 2; left: 100px; width: 0px; position: absolute; top: 200px; height: 0px; background-color: rgb(255, 255, 255); visibility: visible;">
<div id="menu12">
<ul>
  <li><a title="" href="http://www.google.fr"><b>Google
qui marche</b></a></li>
  <li><a title="" href="http://www.altavista.fr"><b>Altavista</b></a></li>
</ul>
</div>
</div>
<div id="Layer1"
 style="z-index: 1; left: 50px; width: 0px; position: absolute; top: 250px; height: 0px;"><font
 color="#000000" face="Arial" size="2"><font
 color="#000000" face="Arial" size="2"><img
 src="http://---/recheureka30-en.gif"
 usemap="#Map2" border="0"> <map name="Map2">
<area onmouseover="LayerDelive2.style.visibility='visible'"
 shape="rect" coords="2,11,182,170">
<area onmouseout="LayerDelive2.style.visibility='hidden'"
 shape="RECT" coords="0,0,100,100">
</map>
</font></font></div>

J'ai beau avoir regardé N (N>10) fois, je ne vois pas de différence. Qui saura la trouver ?

[thelvin]

Peut-être le DOCTYPE... Mais je m'attendrais normalement à ce que la pop-up soit visible dès le début, puisqu'elle a visibility : visible.

[polymorphisme]

Bonjour laurentSc,

où est le soucis puisse que tu as une version de ton code qui fonctionne !

Mise à part cela, pour comparer deux fichiers,
il est inutile de se faire mal aux yeux en les lisant N fois :
-- sous Linux, on dispose de la commande diff,
-- et les éditeurs intègrent très fréquemment au moins une commande similaires. .

[laurentSc]

où est le soucis puisse que tu as une version de ton code qui fonctionne !.

Ca fait effectivement rigoler . Mais le problème, c'est que c'est contenu dans une page et que le copier-coller ne corrige rien
...mais la remarque de thelvin était bonne : je l'ai mis en hidden et c'est bon ; ce qui est bizarre, c'est que j'ai une autre version de cette page (français/anglais) où ce n'était pas nécessaire, d'où ma recherche.