Probleme avec un code CSS type "balayage"

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

Résolu Probleme avec un code CSS type "balayage"

Message par akito73 le Lun 23 Fév 2015 - 0:42

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? Sad

(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*/
        }
)


Dernière édition par akito73 le Lun 23 Fév 2015 - 0:55, édité 1 fois

akito73
**

Masculin
Messages : 76
Inscrit(e) le : 25/12/2008

http://puissance-naruto.fr-bb.com/
akito73 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Probleme avec un code CSS type "balayage"

Message par [Nihil] le Lun 23 Fév 2015 - 0:50

Coucou Akito Smile

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 Smile ?

Exemple :
Code:

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

[Nihil]
# Tropactif #

Messages : 1155
Inscrit(e) le : 10/12/2009

http://forum.forumactif.com
[Nihil] a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Probleme avec un code CSS type "balayage"

Message par akito73 le Lun 23 Fév 2015 - 0:54

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

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

Probleme resolu ^^

akito73
**

Masculin
Messages : 76
Inscrit(e) le : 25/12/2008

http://puissance-naruto.fr-bb.com/
akito73 a été remercié(e) par l'auteur de ce sujet.

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


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