Soucis de z-index


finstreet
WRInaute accro
WRInaute accro
 
Messages: 16999
Inscription: 10 Juil 2005

Soucis de z-index

Message le Jeu Juin 07, 2007 14:54

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 :

Image

En gros le VAD passe par dessus le broker :-)

Si vous avez des pistes

Merci d'avance


Szarah
WRInaute accro
WRInaute accro
 
Messages: 8093
Inscription: 22 Fév 2006

Message le Jeu Juin 07, 2007 15:07

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
WRInaute accro
WRInaute accro
 
Messages: 16999
Inscription: 10 Juil 2005

Message le Jeu Juin 07, 2007 15:42

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
WRInaute accro
WRInaute accro
 
Messages: 8093
Inscription: 22 Fév 2006

Message le Jeu Juin 07, 2007 15:43

Tu me rassures, je croyais que tout avait explosé :)


finstreet
WRInaute accro
WRInaute accro
 
Messages: 16999
Inscription: 10 Juil 2005

Message le Jeu Juin 07, 2007 15:45

Szarah a écrit:Tu me rassures, je croyais que tout avait explosé :)


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


bproductiv
WRInaute accro
WRInaute accro
 
Messages: 4146
Inscription: 27 Déc 2004

Message le Jeu Juin 07, 2007 15:51

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
WRInaute accro
WRInaute accro
 
Messages: 16999
Inscription: 10 Juil 2005

Message le Jeu Juin 07, 2007 17:10

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
WRInaute impliqué
WRInaute impliqué
 
Messages: 508
Inscription: 22 Nov 2005

Message le Jeu Juin 07, 2007 19:12

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
WRInaute accro
WRInaute accro
 
Messages: 16999
Inscription: 10 Juil 2005

Message le Jeu Juin 07, 2007 22:34

fra_arf a écrit: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
WRInaute accro
WRInaute accro
 
Messages: 4146
Inscription: 27 Déc 2004

Message le Ven Juin 08, 2007 7:28

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


finstreet
WRInaute accro
WRInaute accro
 
Messages: 16999
Inscription: 10 Juil 2005

Message le Ven Juin 08, 2007 9:03

bproductiv a écrit: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


Si vous avez aimé cette discussion, partagez-la sur vos réseaux sociaux préférés :

Lectures recommandées sur ce thème :



Qui est en ligne

Utilisateurs parcourant ce forum: Aucun utilisateur enregistré et 1 invité