Discussion :

[Enthau]

Bonjour,

j'ai un problème lors de l'affichage d'infobulle span sur une div avec Firefox (ça marche très bien sous IE...).
Alors mon problème, c'est que j'ai un tableau, dans certain td j'ai une div contenant un lien qui lors de son survol affiche une "infobulle" créée grâce à une balise span insérer dans le lien (jusqu'ici rien de bien original).
Du point de vue de l'affichage, ça marche très bien. Par contre, sous Firefox, j'ai remarqué que lorsque je passe sur certaine div, ça me les déplace légèrement sur le gauche...
Comme je le répète, ça le fait uniquement sous FF, IE ne me le fait pas...

Si jamais vous voulez le code, faites le moi savoir...

Merci

[MasterOfChakhaL]

Salut,

Si jamais vous voulez le code, faites le moi savoir...

Alors on te le fait savoir

[Enthau]

Voici le fichier CSS

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
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
body 
{
 text-align: center;
}
 
div.thollet_homme
{
  height:80px;
  width:80px;
  cursor: default;
  background-image:url(images/carre_bleu.gif);
  background-repeat: no-repeat;
  text-align:center;
/*  line-height: 70px;*/
  margin:auto;
}
 
div.thollet_femme
{
  height:80px;
  width:80px;
  cursor: default;
  background-image:url(images/rond_bleu.gif);
  background-repeat: no-repeat;
  text-align:center;
/*  line-height: 70px;*/
  margin:auto;
}
 
div.non_thollet_homme
{
  height:80px;
  width:80px;
  cursor: default;
  background-image:url(images/carre_vert.gif);
  background-repeat: no-repeat;
  text-align:center;
/*  line-height: 70px;*/
  margin:auto;
}
 
div.non_thollet_femme
{
  height:80px;
  width:80px;
  cursor: default;
  background-image:url(images/rond_vert.gif);
  background-repeat: no-repeat;
  text-align:center;
/*  line-height: 70px;*/
  margin:auto;
}
 
div.branche_enfant
{
  height:30px;
  width:5px;
  cursor: default;
  background-color:black;
  margin:auto;
  text-align:center;
/*  line-height: 70px;*/
}
 
div.branche_gendre
{
  height:10px;
  width:80px;
  cursor: default;
  text-align:center;
/*  line-height: 70px;*/
  margin:auto;
}
 
div.branche_jointure_enfant
{
  height:5px;
/*  width:92%; */  
  overflow:hidden;
  cursor: default;
  background-color:black;
  text-align:center;
/*  line-height: 70px;*/
  margin:auto;
}
 
a.thollet,a.non_thollet {
   height:80px;
   width:80px;
   position: relative;
   font-family:cursive,fantasy,arial;
   color: black;
   font-weight:bold;
   font-size:12px;
   text-decoration: none;
/*   border-bottom: 1px gray dotted;  on souligne le texte */
}
a.thollet span,a.non_thollet span {
   display: none; /* on masque l'infobulle */
}
a.thollet:hover,a.non_thollet:hover {
   background: none; /* correction d'un bug IE */
   z-index: 500; /* on définit une valeur pour l'ordre d'affichage */
   cursor: default; /* on change le curseur par défaut en curseur d'aide */
}
a.thollet:hover span,a.non_thollet:hover span {
   display: inline; /* on affiche l'infobulle */
   position: absolute;
   white-space: nowrap; /* on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */
   top: 30px; /* on positionne notre infobulle */
   left: -50%;
   background: white;
   color: red;
   padding: 3px;
   border: 1px solid red;
   border-left: 4px solid red;
}

Les div qui se décalent sont celles qui contiennent les images .gif en background-image.

Dans mon fichier php, mes tableaux ont généralement un align='center' (si ça peut aider...

Merci

[Erwan31]

Bonjour,
sans le code HTML difficile à dire.
Dans la plupart des cas fournir la totalité du code HTML (parsé si PHP/ASP) et CSS ou mieux
un lien vers la page en question.
Les valeur d'attribut sont placées entre simple quotes ('center') car c'est du PHP?

[Enthau]

C'est bon je suis passé par des padding