probleme de groupe dans le queel.

[valoudu75]

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
Lien du forum : (lien masqué, vous devez poster pour le voir)

Description du problème

bonjour a tous!

voila il se trouve que j'ai un soucis d'apparence au niveau de mes groupes j'aimerais que les noms des groupes puissent ce voir (actuellement ceux du haut sont quasi invisible et je veux pas ça..) voici mon css

Code:

        /* --------------------------------- QEEL --------------------------------- */

        /* Fond */
        .fondsgénéraux {
          background-color: #CC6633;
          width: 700px;
          padding: 15px;
          color: #767676;
        }

        .blocpa {
          width: 220px;
          padding: 15px;
          background-color: #F3E8C0;
        }

        .blocpa:hover {
          width: 220px;
          background-color: #F3E8C0;
          border-left: 2px solid #2F3C3E;
          border-right: 2px solid #2F3C3E;
        }

        /* Titres */
        .titrePA1 {
          font-family: parisienne;
          font-size: 50px;
          color: #000000;
          z-index: 1px;
          position: relative;
        }

        .titrePA2 {
          font-family: parisienne;
          font-size: 25px;
          color: #000000;
          position: relative;
        }

        .titrePA2:hover {
          font-family: parisienne;
          font-size: 25px;
          color: #FE6D6D;
          position: relative;
        }

        /* Groupes */
        .qeelonglet {
          display: inline-block;
          padding: 9px;
          cursor: pointer;
          font-family: georgia;
          font-size: 16px;
          color: #000000;
          top: -2em;
          position: relative;
        }

        .qeelonglet_1 {
          color: #FE6D6D;
        }
                 
        .contenu_qeelonglet {
          padding: -5px;
          display: none;
          height: 90px;
          width: 300px;
          overflow: auto;
          background-color: #F3E8C0;
          text-align: justify;
          font-family: arial;
          font-size: 11px;
          position: relative;
          top: -5em;
        }

        /* 24h */
        #kaboum .row1 {
          background-color : transparent;
          color: #767676 !important;
        }

        /* Partenaires */
        .part {
          width: 50px;
          opacity: 0.5;
        }

        .part:hover{
          opacity: 1;
          width: 100px;
          height: 35px;
          transition: 1s;
          -moz-transition: 1s;
          -o-transition: 1s;
          -htm-transition: 1s;
          -webkit-transition: 1s;
        }

        /* Description des crédits */
        .qeel1 {
        width: 300px;
          height: 156px;
          overflow: hidden;
          border-left: 2px solid #2F3C3E;
          border-right: 2px solid #2F3C3E;
          background-color: #F3E8C0;
          color: #767676;
        }

        .qeel1_img {
          position: relative;
          z-index: 2;
          width: 300px;
          height: 156px;
          margin-left: 0px;
          transform: all;
          -moz-transform: all;
          -o-transform: all;
          -htm-transform: all;
          -webkit-transform: all;
          transition: 1s;
          -moz-transition: 1s;
          -o-transition: 1s;
          -htm-transition: 1s;
          -webkit-transition: 1s;
        }
         
        .qeel1:hover .qeel1_img {
          margin-left: 400px;
          transform: all;
          -moz-transform: all;
          -o-transform: all;
          -htm-transform: all;
          -webkit-transform: all;
          transition: 1s;
          -moz-transition: 1s;
          -o-transition: 1s;
          -htm-transition: 1s;
          -webkit-transition: 1s;
        }
         
        .qeel1_description {   
          position: relative;
          z-index: 1;
          width: 270px;
          height: 156px;
          margin-top: -170px;
          text-align: justify;
          font-size: 11px;
          color: #8c8c8c;
          padding: 15px;
          overflow: auto;
        }

        /* Description des stats */
        .qeel {
        width: 250px;
          height: 173px;
          overflow: hidden;
          border-left: 2px solid #2F3C3E;
          border-right: 2px solid #2F3C3E;
          background-color: #F3E8C0;
          color: #767676;
        }

        .qeel_img {
          position: relative;
          z-index: 2;
          width: 250px;
          height: 173px;
          margin-left: 0px;
          transform: all;
          -moz-transform: all;
          -o-transform: all;
          -htm-transform: all;
          -webkit-transform: all;
          transition: 1s;
          -moz-transition: 1s;
          -o-transition: 1s;
          -htm-transition: 1s;
          -webkit-transition: 1s;
        }
         
        .qeel:hover .qeel_img {
          margin-left: 400px;
          transform: all;
          -moz-transform: all;
          -o-transform: all;
          -htm-transform: all;
          -webkit-transform: all;
          transition: 1s;
          -moz-transition: 1s;
          -o-transition: 1s;
          -htm-transition: 1s;
          -webkit-transition: 1s;
        }
         
        .qeel_description {   
          position: relative;
          z-index: 1;
          width: 220px;
          height: 173px;
          margin-top: -170px;
          text-align: justify;
          font-size: 11px;
          color: #8c8c8c;
          padding: 15px;
          overflow: auto;
        }

        /* --------------------------------- QEEL --------------------------------- */



merci de votre aide

[valoudu75]

je up

[[Nihil]]

Je poste pour accéder au lieu du forum ^^

Un conseil si tu veux avoir plus de réponses laisse le lien accessible, les gens peuvent comme ça se rendre compte du problème et voir s'ils peuvent t'aider

EDIT : es tu sûre d'avoir mis tout le CSS du tuto / libre service où tu l'as pris ? Je vois qu'il y a écrit "Never Utopia", tu ferais peut être bien de demander là bas directement, surtout le code est un peu bizarre, on dirait qu'il y a des erreurs dedans O0

Tu peux déjà dans le CSS modifier :

Code:

.contenu_qeelonglet {
    padding: -5px;
    display: none;
    height: 90px;
    width: 300px;
    overflow: auto;
    background-color: #F3E8C0;
    text-align: justify;
    font-family: arial;
    font-size: 11px;
    position: relative;
    top: -5em;
}

Pour mettre

Code:

.contenu_qeelonglet {
    padding: -5px;
    display: none;
    height: 90px;
    width: 300px;
    overflow: auto;
    background-color: #F3E8C0;
    text-align: justify;
    font-family: arial;
    font-size: 11px;
    position: relative;
    top: -3em;
}

Le résultat devrait être mieux normalement

[valoudu75]

oui c'est vrai. desoler. en tout cas le detail est regler et je te remercie beaucoup

[Lixyr]

..	Bonjour, Afin de faciliter la gestion des problèmes, si votre problème est résolu, pensez à : éditer votre premier message, cocher l'icône Et enregistrer en cliquant sur Vous pouvez également remercier les personnes qui vous ont aidé, en cliquant sur le bouton A bientôt sur ForumActif