Discussion :

[Death83]

Salut a tous,

j'ai un petit soucis. J'ai fait un petit système d'infobulle en CSS. Ca marche très bien mis à part le fait que mes bulles sont mordu lorqu'elle sorte du div dans lequel elle sont contenu. J'ai pourtant attribué un z-index plus élevé mais rien n'y change.

Voilà la page concerné:
http://manganime.0.free.fr/castleman....php?espcrit=1

Savez vous quelle peut en être la cause?

Merci d'avance.

[Bisûnûrs]

Attention: La critique des animes associés doivent (? => doit) avoir été préalablement réalisée.
Modifier la critique d'un DVD

On peut avoir le code CSS correspondant ? Ce n'est pas que je n'ai pas envie de chercher dans quel fichier CSS tu as mis tes classes, mais presque.

[Mister Nono]

As-tu déclarer position: relative; ou bien position:absolute; pour cette balise ?

En faisant cela (et avec Firefox) j'ai résolu cela.

A+

[MasterOfChakhaL]

si tes infobulles sont "rognées", c'est certainement que tu as un overflow:hidden quelque part, donc le z-index ne devrait pas avoir d'effet puisque ces parties sont cachées.

Il faudrait je pense revoir la façon dont sont positionnées tes infobulles.
Je pense qu'en absolute, ca ne devrait plus être rogné, mais ca sera difficile à placer aux bonnes coordonnées (c'est facile je pense en javascript).

Ou alors un postionnement relatif, mais avec d'autres propriétés qui empêcherait tes infobulles de dépasser... j'essaierai avec un float pour commencer...

Sinon, si ta page est relativement statique, rien ne t'empêche de positionner à la main les infobulles comme il faut en définissant toi même les coordonnées

[Mister Nono]

En effet, avac javascript tu récupères les coordonnées de la souris (quand elle se trouve sur la balise qui t'intéresse), et avec cette info tu positionne en position:absolute l'infobulle.

[Death83]

Le problème c'est que mes infobulle sont 100% en CSS et donc pas en javascript. J'essairai ce soir avec un overflow:visible. On sait jamais.

Sinon j'ai regarder sous IE7 et ca marche niquel.

Je vous tiens au courant.