Bonjour à tous,
voila mon problème.
J'ai une page de mon site où lorsque l'on passe la souris sur un lien, un onglet s'affige avec des informations. Tout fonctionne trés bien sur FF, IE6, NS , Opéra et safari sous window vista. Par contre ça ne s'affiche pas sous les browser de type IE6 sous window XP.
http://perso.orange.fr/rfalduto/Nouv...e20062007.html
voici l'écran normal:
voisi l'écran quand on passe la souris sur un point de la carte:
pour avoir cet effet je n'utilise pas de javascript.
La partie du code HTML concernée est:
Le code CSS s'y réfférant:
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 <div class="conteneurmap"> <div class="mainmap"> <dl> <dt> <img src="Data/srilanka2.jpg"> </dt> <dd> <a id="anuradhapura" href="#"> <span class="texte"> Anuradhapura </span> <span class="cote"> <img src="Data/Photosmap/anuradhapura.jpg"> Ensemble de temples et stupas boudhistes s'éparpillant sur des dizaines de km </span></a> </dd> </dl> </div> </div>
Je ne sais pas si le problème peut venir d'autre part que de du codage de mes pages. Et, si la page peut s'afficher normalement sous IE6 window XP mais sur un autre ordinateur que le mien.
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
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90div.conteneurmap { position: relative; float: left; width: 569px; height: 400px; background: #060606; padding: 0 0 2ex 0!important;/* même valeur que margin de <h4>, à cause du float et pour rester dans les normes*/ padding: 0; margin: 0!important; margin: 0 0 2ex 0;/* même valeur que que le padding pour firefox*/ } div#last { /* pour avoir le même hauteur du saut de ligne sur tous types de browser avec plusieurs cartes(seulement à appliquer à la dernière)*/ margin: 0; } div.mainmap { position: absolute; } div.conteneurmap dl, div.conteneurmap dt { display: block; position: absolute; cursor: default; left: 0; top: 0; width: 300px; height: 400px; margin: 0; padding: 0; border: 0; } div.conteneurmap a { display: block; position: absolute; padding: 0; margin: 0; width: 5px; height: 5px; background: url(bgmap.gif) repeat-x repeat-y; /* image transparente pour hacker IE6*/ border: 0px solid #fff; } div.conteneurmap span { display: none; } div.conteneurmap a:hover span.texte { display: block; position: absolute; white-space: nowrap; top: -1.8em; left: -1.5em; padding: 2px; width: auto; background: #FFF; text-align: center; border: 1px solid #333; font-size: 12px; color: #333; } div.conteneurmap a:hover span.cote { display: block; position: absolute; background: url(bgongletmap.jpg) no-repeat; background-position: right; vertical-align: bottom; padding: 25px 10px; width: 449px!important; width: 469px; height: 350px!important; height: 400px; color: #666; text-align: justify; } div.conteneurmap a:hover span img { float: right; margin: 0 0 10px 10px; border: 1px dashed #999; } /* SRI LANKA */ a#anuradhapura { top: 148px; left: 133px; } @media all and (min-width:0px) { div.conteneurmap a { background: url(bgmap2.gif); } /* Hack OPERA 9*/ }
Merci pour votre aide!!!
Partager