Problème avec un code d'image au passage de la souris

3 participants

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Problème avec un code d'image au passage de la souris

Message par grenouillefarci Mer 26 Jan 2011 - 0:20

Yo!
J'ai rajouté des balises pour faire en sorte que lorsqu'on passe la souris sur une image, une bulle avec des informations apparaît. Le problème, c'est que lorsqu'on passe la souris sur l'image, la bulle apparaît, mais est cachée par les autres images. Je crains de peiner à expliquer le problème, donc j'ai pris un screen:
Problème avec un code d'image au passage de la souris Captur11

Code CSS:
Code:
.lock  {
  position: relative;
  cursor: pointer;
}
.lock .lock-hidden {
  /* center */
  display: none;
  position: absolute;
  padding-left : 7px;
  padding-right : 7px;
  padding-top  : 7px;
  padding-bottom : 7px;
    top: 45px;
    left: 5px;
  /* style du bloc qui apparait */
  border: 1px solid #000;
  background-color: #D39766;
  text-align: center;
    visibility: visible;
}
.lock:hover .lock-hidden {
  display: block;
}


Dernière édition par grenouillefarci le Mer 26 Jan 2011 - 1:52, édité 1 fois
grenouillefarci

grenouillefarci
*

Messages : 43
Inscrit(e) le : 14/11/2009

http://piratedestiny.forum-canada.com/forum.htm
grenouillefarci a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec un code d'image au passage de la souris

Message par SoraNoHime Mer 26 Jan 2011 - 0:47

Personnellement je les vois bien au dessus pour les trois

Problème avec un code d'image au passage de la souris 114

c'est peut etre du à votre navigateur, je suis sous IE
SoraNoHime

SoraNoHime
Membre actif

Féminin
Messages : 6218
Inscrit(e) le : 10/06/2010

SoraNoHime a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec un code d'image au passage de la souris

Message par grenouillefarci Mer 26 Jan 2011 - 0:58

Étrange... J'utilise Firefox et le même bug persiste sous Safari...
grenouillefarci

grenouillefarci
*

Messages : 43
Inscrit(e) le : 14/11/2009

http://piratedestiny.forum-canada.com/forum.htm
grenouillefarci a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec un code d'image au passage de la souris

Message par Lixyr Mer 26 Jan 2011 - 1:37

Moi aussi je suis sur Firefox et je dois dire que le problème n'apparait pas pour la simple raison que votre forum est très large et donc, l'info bulle concernée sur le screen ne passe pas sous l'image qui se trouve à droite. Enfin bref,

essayez avec ceci :

Code:
z-index: 999;

à ajouter en dessous de
visibility: visible;
dans la partie
/* style du bloc qui apparait */


Pour faciliter les recherches, mettez un titre explicite.
Remerciez Problème avec un code d'image au passage de la souris 976083691 le message qui vous a aidé pour que celui-ci soit mis en évidence.
Épinglez votre sujet en résolu Problème avec un code d'image au passage de la souris 3592387030 pour prévenir la modération.

Problème avec un code d'image au passage de la souris Baston10
Lixyr

Lixyr
Aidactive
Aidactive

Féminin
Messages : 7381
Inscrit(e) le : 22/07/2010

https://forum.forumactif.com
Lixyr a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec un code d'image au passage de la souris

Message par grenouillefarci Mer 26 Jan 2011 - 1:52

Ça fonctionne à merveille! Merci beaucoup.
grenouillefarci

grenouillefarci
*

Messages : 43
Inscrit(e) le : 14/11/2009

http://piratedestiny.forum-canada.com/forum.htm
grenouillefarci a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec un code d'image au passage de la souris

Message par Lixyr Mer 26 Jan 2011 - 1:58

Je t'en prie. ^^


Pour faciliter les recherches, mettez un titre explicite.
Remerciez Problème avec un code d'image au passage de la souris 976083691 le message qui vous a aidé pour que celui-ci soit mis en évidence.
Épinglez votre sujet en résolu Problème avec un code d'image au passage de la souris 3592387030 pour prévenir la modération.

Problème avec un code d'image au passage de la souris Baston10
Lixyr

Lixyr
Aidactive
Aidactive

Féminin
Messages : 7381
Inscrit(e) le : 22/07/2010

https://forum.forumactif.com
Lixyr a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut

- Sujets similaires

Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum