Sujets similaires

Bonjour,

Alors voila mon problème viens d'une infobulle, dès que je vais dessus l'infobulle est pas au bon endroit et donc je ne peux pas cliquer sur les liens.
Je vous laisser regarder ::

Infobulle Bizarre Ouinnn10

Mauvaise manipulation ou .. ?

Coucou !

Pourrait-on avoir le code CSS pour l'infobulle ?
Mercii

Tenez le code CSS ::

Code:: a.infobulle {
position: relative;
}

a.infobulle span {
display: none; /* ceci masque l'infobulle */
}
a.infobulle:hover {
background: none; /* correction d'un bug IE */
z-index: 999; /* on définit une valeur pour l'ordre d'affichage */

}
a.infobulle:hover span {
display: inline; /* ceci 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: 5px; /* on positionne notre infobulle */
left: 30px;

background: #ebebeb; /* arrière-plan de l'infobulle */

color: black; /* texte dans l'infobulle */
padding: 3px;

/* bordures de votre infobulle*/
border: 1px dotted black;
border-left: 1px dotted black;
}

le left 30px est la cause de tous ces tracas ^^ réduit a 10px par exemple et tu verra la différence ^^. (10 est un exemple après à toi de voir ce qui te plairais ^^)

Rien n'a faire toujours pareil =/

Code:: a.infobulle {
position: relative;
}

a.infobulle span {
display: none; /* ceci masque l'infobulle */
}
a.infobulle:hover {
background: none; /* correction d'un bug IE */
z-index: 999; /* on définit une valeur pour l'ordre d'affichage */

}
a.infobulle:hover span {
display: inline; /* ceci 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: 5px; /* on positionne notre infobulle */
left: 10px;

background: #ebebeb; /* arrière-plan de l'infobulle */

color: black; /* texte dans l'infobulle */
padding: 3px;

/* bordures de votre infobulle*/
border: 1px dotted black;
border-left: 1px dotted black;
}

tu utilise quoi comme navigateur ? FAit voir ton forum * pour voir si sa fait la meme chose chez moi *

Tiens j'utilise Firefox ^^::

http://beautifullprincess.forumactif.org/index.htm

euh alors la ... Reduit le left 10px a 5 ou en dessous ... mais la je vois pas sinon.

Rien de rien toujours pareil :'(

et si tu met right a la place de left ?

eh bien sa change mais regarde ::

http://beautifullprincess.forumactif.org/index.htm

ta mis right mais combien ?
change avec les nombres ^^ au pire tente le négatif XD

=O sa marche enfin MERCI beaucoup en faite je m'étais trompé j'avais mis : "rightt" xD simple erreur de frappe merci encore de m'avoir aider

Edit : J'aurais aimer savoir, si je veux le faire allez vers le bas y a-t-il un code ?

de rien ^^ je me disais bien j'avais eu une merdouille de se genre XD

J'aurais aimer savoir, si je veux le faire allez vers le bas y a-t-il un code ?

top c'est haut left c'est gauche , right c'est droit ... A oui bottom c'est en bas.

Donc moi j'ai l'habitude de bidouiller un peu donc tente avec bottom... Sinon c'est top pour le faire descendre du haut XD