Soucis de z-index

[finstreet]

Re Bonjour,

Encore des pbs avec mon code "bizarre"

Bon alors ce coup-ci, j'ai un problème avec un z-index.

J'ai un lien, où quand on passe dessus, ca affiche un span joli (un résumé du contenu du lien)

En gros j'ai ca :

Code: Tout sélectionner

<a href=\"coucou.php\" class=\"info\">Machin truc<span><b>Machin Truc en joli</b></span></a>

La classe #info c'est :

Code: Tout sélectionner

a.info {position:relative;}
a:hover.info {text-decoration:none;background: none;}
a.info span {display:none;}
a:hover.info span {display:inline;position:absolute;top:2.5em;right:1.5em;z-index:20;background: #79A5BB;color: #fff;border:1px solid #000;width:150px;text-align:left;font-weight:normal;font-size: 10px;line-height:12px;padding:2px 4px;}


Et ca donne :



En gros le VAD passe par dessus le broker

Si vous avez des pistes

Merci d'avance

[Szarah]

Peut-être pourrais-tu remplacer le display par une visibility:hidden puis :visible.
Peut-être spas ?
Parce que avec un display:none, l'élément n'existe pas, donc il n'est pas intégré au flux, et quand tu le mets en inline il se place sans tenir compte du z-index.
Pas certaine mais c'est pas coûteux d'essayer

Edit : arf c'est un span ! Mets un div à la place, ça devrait marcher.

[finstreet]

j'ai testé sans succès et à première vue, c un pb "classique" http://forum.alsacreations.com/topic-4- ... image.html

mais je poursuis mes recherches

[Szarah]

Tu me rassures, je croyais que tout avait explosé

[finstreet]

Tu me rassures, je croyais que tout avait explosé

meme pas... bon par contre ca marche sous Firefox lol c bo la technologie

[bproductiv]

ca vient de ton lien qui est en position : relative et donc sera toujours au-dessus...
Soit tu change ca soit tu passe egalement ton span/div en relative aussi.

[finstreet]

le truc c que si je mets en relative, ca décale le bas de page quand je passe sur le lien, et je trouve ca très moche

[fra_arf]

Et tu veux quoi exactement ??

Car si tu veux pas que ça passe par dessus, il y aura un retour à la ligne ou tout sera décallé

display: block

[finstreet]

Et tu veux quoi exactement ??

Car si tu veux pas que ça passe par dessus, il y aura un retour à la ligne ou tout sera décallé

display: block

je veux juste que le span passe par dessus tout simplement... là le span reste sous le lien

Et le décalage, ca je ne veux pas

[bproductiv]

Si tu passe ton lien en absolute ca decale ta page?? t'as pas une page test?

[finstreet]

Si tu passe ton lien en absolute ca decale ta page?? t'as pas une page test?

voui ca décale tout... vais préparer une page test