Problème avec z-index

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.

Citation:

---

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.

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+ ;)

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

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.

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.

Oui, mais javascript peut modifier un style en dynamique.

Par exemple :

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

CSS : #maBalise { display: none; // caché par défaut position: absolute; }   JAVASCRIPT :   function montre (maBalise) { var element = document.getelementById('idBalise'); element.style.display = visible; }   function cache (maBalise) { var element = document.getelementById('idBalise'); element.style.display = hidden; }     HTML : <img src='monIconeAide.jpg' id='maBalise' onmouseover='javascript:montre(this.id);' onmouseout='javascript:cache(this.id);'>

---

Voilà en quelques lignes comment faire.

Si en plus tu récupères dans les fonctions javascripts la position de la souris (il y a plein d'exemples sur internet pour faire cela) tu peux positionner l'infobulle par rapport à l'icone d'aide et cela même si ta position est de type absolute dans le css.

Aller au boulot maintenant. ;)

Oui mais ce que je veut dire c'est que j'ai volontairement choisi de faire des infobulles sans javascript.

C'est justement plus délicat à faire sans javascript. Cette methode la je l'avais d'ailleurs utilisé pour mon menu.