Probleme avec un code CSS type "balayage"

[akito73]

Détails techniques

Version du forum : phpBB2
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Mozilla Firefox
Personnes concernées par le problème : Tous les utilisateurs
Problème apparu depuis : depuis l'installation du code
Lien du forum : http://parselmouth.forumactif.org/

Description du problème

Bonsoir a tous! voici mon problème.

Sur mon forum (que voici: http://parselmouth.forumactif.org/) j'ai installé un code qui fait un "balayage" si je peux appeller ca comme ca. Sur la page d'accueil, quand vous regarder le panneau d'accueil et que vous allez sur l'image dans la partie "le staff" vous pouvez voir que l'image fonctionne comme il faut, le balayage se fait bien.

J'ai aussi installé ce code sur les blasons des maisons. MAIS, ici, le balayage ne se fait que lorsque, mais vraiment lorsque on met la souris a l'extreme bord du haut de l'image... alors que pour l'autre, pas de probleme, peut importe ou on met la souris il se fait... pouvez vous m'aider s'il vous plait?

(Voici le code installé si ca peut vous aider...

Code:

        div.contenant1 {
            width:29px;  /*largeur du contenant, la meme que celle de l image*/
            height:34px; /*hauteur du contenant, la meme que celle de l image*/
            overflow: hidden;
        }
        div.contenu1 {
            width: 29px;  /*largeur du contenu, la meme que celle de l image*/
            height: 34px; /*hauteur du contenu, la meme que celle de l image*/
            overflow: auto;  /*pour apparition d une scroll bar si le texte est trop long*/
        }
        .contenant1 img {
            width:29px; /*largeur de l image*/
            height:34px;  /*hauteur de l image*/
            position: relative; 
            bottom: 34px; /*ici mettre la hauteur de l image*/
            transition: 0.5s;  /*pour l effet de transition*/
        }
        .contenant1:hover img {  /*au survol de la souris sur le bloc*/
            bottom: 68px; /*ici mettre deux fois la hauteur de l image*/
            transition: 0.5s;  /*pour l effet de transition*/
        }

)

[[Nihil]]

Coucou Akito

Dans ton CSS pour chaque blason (.bgryf , bserp, etc), je vois qu'il y a un z-index dont la valeur est 1. Je crois que le problème vient du fait que d'autres éléments de ta PA passent au dessus et empêchent du coup le survol de bien se faire.

Si tu mets la valeur à 2, est ce que c'est mieux ?

Exemple :

Code:


.bserd {
    height: 32px;
    margin-left: 376px;
    margin-top: 108px;
    overflow: auto;
    position: absolute;
    width: 27px;
    z-index: 2;
}

[akito73]

NAZFIGZFHZAFJGRANREJVNRAEJBARE *o* *o* *o* ca marche!!!!!

MERCI BEAUCOUP <3<3<3<3<3

Probleme resolu ^^