pas d'infobulle qui apparait [Résolu]

[Darkyl]

Bonjour,

J'ai un problème avec un script php qui génère un calendrier.
Je teste avant d'afficher le jour, s'il est dans ma base de donnée et en fonction je veux une infobulle ou pas.

Celle-ci est toute simple, en css :

Code :

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
a.infomsg{
position:relative;
color:#99CCFF;
text-decoration:none
}
 
a.infomsg:hover{
background-color:#FFF
}
 
a.infomsg span{
z-index:30;
display: none
}
 
a.infomsg:hover span{
display:block;
position:absolute;
top:2em; left:0em; width:14em;
border:1px solid #000;
background-color:#FFF;
color:#000;
text-align: justify;
font-weight:none;
z-index:30;
padding:5px;
}

et je la déclare dans mon code :

Code :

1
2
3
4
 
$class = " align=\"center\"";
$afficheJour = "<a href=\"\" style=\"infomsg\"><font style='font-family:Verdana, Helvetica, Helv;font-size:12px;font-weight:normal;color:white'>"
 . Date("j", mktime(0, 0, 0, getMonth($periode), 1 + $pas, getYear($periode))) . "<span>tot</span></a>";

or, si j'applique ce système hors de mon calendrier, cela marche, mais dans mon calendrier, cela ne marche pas, la bulle n'apparait pas.
Quand j'arrive sur le '<a', j'ai déjà un <ul et <li avec leur propore style qui on été déclaré, alors je pense qu'il y a conflit, et qu'il ne reconnait pas le style du <a... Mais je n'arrive pas a changer cela. Quelqu'un aurait une idée?merci

[Benjamin Delespierre]

C'est une classe CSS et pas un style.

L'attribut de ton tag <a> doit être <a class="infomsg" ...>

Pour le CSS, je te recommande de le formatter soit complêtement en ligne

Code :

.classe { text-align: center; color: black; border .... }

Soit complêtement en colonne

Code :

1
2
3
4
5
.classe {
  text-align: center;
  color: black;
  border ....
}

Mixer les deux nuit à la lisibilité

[Darkyl]

merci de ta réponse, cela marche maintenant.
Mais j'ai encore un soucis. Aprés mon calendrier, j'affiche un tableau avec un fond de cellule. Hors mes infobulle passent sous ce tableau. J'ai essayer de jouer sur les zindex mais rien a faire. Quand on affecte un z-index, est-ce que le navigateur change les z-index des objets déclarés aprés?(si on leur affecte pas de zindex...) Enfin, je sais pas si je suis clair. En gros, il y a t-il un moyen de mettre un div toujours sur les autres sans changer les autres...?

[Benjamin Delespierre]

Colle-lui un z-index plus élevé que les éléments parent et ça devrait rouler

[Darkyl]

j'ai modifié le z-index du div qui affiche le calendrier et ca marche nikel. Merci de tes réponses.
Tu as raison, je vais mettre un peu d'ordre dans mon code parce que je galère depuis hier avec les z-index et les class. Pas facile, entre parent et child

Merci bc en tout cas.