Problème infobulle

[Cramby']

Bonjour !

J'ai poster un sujet pour faire mon qeel, grâce à Anzu j'y suis arrivé ! Le problème est que j'ai voulu rajouter des infobulles aux groupes, et celle-ci apparaissent toutes dès que je passe la souris sur UN groupe ! :/
Voila le forum : http://rememberthetime.forumactif.org/

Je pense que cela vient du template, parce que j'avais essayer une foi, tout était parfait et sans faire exprès je l'est effacer --'

Le voila le template :

Code:

<!-- BEGIN disable_viewonline -->
       
        <div class="tableauqueel">
        <center>
        <span class="infobulle"> <span class="groupes"> <a href=”http://rememberthetime.forumactif.org/g4-omega-chi-delta"><font color=#08D6CC size="3"><b>Omega Chi Delta ϟ</b></font></a></span><span class="infobulle-hidden">BLA BLA BLA BLA BLA BLA.</span>
          <span class="infobulle"> <span class="groupes"> <a href="http://rememberthetime.forumactif.org/g5-kappa-tau-gamma"><font color=#13D113 size="3"><b>Kappa Tau Gamma ϟ</b></font></a></span><span class="infobulle-hidden">Limitation à un collage. Aucune finition, et aucune technique. Aucun acquis.</span></span>
          <span class="infobulle"> <span class="groupes"> <a href="http://rememberthetime.forumactif.org/g6-chi-psi"><font color=#F76F08 size="3"><b>Chi Psi ϟ</b></font></a></span><span class="infobulle-hidden">Limitation à un collage. Aucune finition, et aucune technique. Aucun acquis.</span></span>
          <span class="infobulle"> <span class="groupes"> <a href="http://rememberthetime.forumactif.org/g7-zeta-beta-zeta"><font color=#DB1474 size="3"><b>Zeta Beta Zeta ϟ</b></font></a></span><span class="infobulle-hidden">Limitation à un collage. Aucune finition, et aucune technique. Aucun acquis.</span></span>
          <span class="infobulle"> <span class="groupes"> <a href="http://rememberthetime.forumactif.org/g8-tri-pi"><font color=#FF0303 size="3"><b>Tri Pi ϟ</b></font></a></span><span class="infobulle-hidden">Limitation à un collage. Aucune finition, et aucune technique. Aucun acquis.</span></span>
          <span class="infobulle"> <span class="groupes"> <a href="http://rememberthetime.forumactif.org/g9-phi-mu"><font color=#E6DC20 size="3"><b>Phi Mu ϟ</b></font></a></span><span class="infobulle-hidden">Limitation à un collage. Aucune finition, et aucune technique. Aucun acquis.</span></span>
          <br><center><span class="infobulle"> <span class="groupes"> <a href="http://rememberthetime.forumactif.org/g10-dirty-little-secrets"><font color=#C000D1 size="3"><b>Dirty Little Secret ϟ</b></font></a></span><span class="infobulle-hidden">BLA BLA BLA BLA BLA BLA.</span>
          <span class="infobulle"> <span class="groupes"> <a href="http://rememberthetime.forumactif.org/g11-grown-up-people"><font color=#000000 size="3"><b>Grown-Up People</b></font></a></span><span class="infobulle-hidden">BLA BLA BLA BLA BLA BLA.</span>
</center>
        </center>
          </center><br />
        <table style="width: 100%; border-collapse:collapse;">
        <td valign="top" width="50%"><div class="partiegauche"><br>
          <div align="justify"><span id="bert">{TOTAL_POSTS}<script type="text/javascript">document.getElementById('bert').innerHTML=document.getElementById('bert').innerHTML.replace(/Nos membres ont posté un total de/,"Nos petits membres ont posté un total de ");</script><script type="text/javascript">document.getElementById('bert').innerHTML=document.getElementById('bert').innerHTML.replace(/messages/,"secrets.");</script></span>
          <span id="matt">{TOTAL_USERS}<script type="text/javascript">document.getElementById('matt').innerHTML=document.getElementById('matt').innerHTML.replace(/Nous avons/," Nous comptons un total de");</script><script type="text/javascript">document.getElementById('matt').innerHTML=document.getElementById('matt').innerHTML.replace(/membres enregistrés/,"petits menteurs.");</script></span>
            <span id="stoc">{TOTAL_USERS_ONLINE}<script type="text/javascript">document.getElementById('stoc').innerHTML=document.getElementById('stoc').innerHTML.replace(/Il y a en tout/," Il y a actuellement ");</script><script type="text/javascript">document.getElementById('stoc').innerHTML=document.getElementById('stoc').innerHTML.replace(/utilisateur en ligne/,"habitant ou futur habitant qui ce balade à Beckerfield. ");</script></span>
          <br><span id="bud">{NEWEST_USER}<script type="text/javascript">document.getElementById('bud').innerHTML=document.getElementById('bud').innerHTML.replace(/L'utilisateur enregistré le plus récent est/," Oh, un nouveau cachotier vient de poser ses valises ! Souhaitons tous la bienvenue à ");</script>
            <br><br>{LOGGED_IN_USER_LIST}
            </font></div></div></td>
       
          <td width="50%"><div class="partiedroite"><br><div class="gensmall">
            <table>{L_CONNECTED_MEMBERS}</table>
        <br></div><br>
            <br></div></td>
        </tr>
        </table>
            <br></div>
        <!-- END disable_viewonline -->

Merci d'avance ! :3

[Anzu]

Bonjour,

Pourrais-je avoir le css associé ?

Cordialement.

[Cramby']

Oh pardon je l'est pas mit TT

Code:

/*qeel*/
.partiegauche{
  border-right: 1px solid #999999;
  padding-left:30px;
  padding-right:30px;
  font-size: 13px;
  font-family: 'Time New Roman';
}
.groupes{
font-weight: normal; 
  font-family: 'Petit Formal Script';
}
.tableauqueel{
  border: 1px solid #999999;
}

.partiedroite {
  padding-left: 25px;
  padding-right: 25px;
height: 150px;
overflow: auto;
}
/*INFOBULLE QEEL*/
.infobulle{
  position: relative;}
 

.infobulle .infobulle-hidden {
  display: none;  position: absolute;    visibility: visible;  z-index: 999;
 background-color: rgba(241, 220, 154, 0.9);
box-shadow: 0px 0px 5px 5px rgba(241, 220, 154, 0.9);
 border-radius: 15px;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
margin-left: 80px;
  font-size: 11px;
color: #927D61;
width: 170px;
}

.infobulle:hover .infobulle-hidden {
  display: block;
 
 }
.groupes{font-size: 19px;
text-shadow: white 0px 2px 0px;
font-weight: bold;
color: #ACA648;
text-transform: lowercase;
  letter-spacing: -1px;}


a {
font-weight: normal;
}

Encore merci de votre aide !

[Cramby']

Je me permet de faire un Up ^^"

[Cramby']

Je re- up ^^

[Cramby']

Up :3

[Anzu]

Rebonjour,

Désolée pour le retard, j'avais oublié ce sujet.

Il manquait un span dans le template:

Code:

 <!-- BEGIN disable_viewonline -->
             
                <div class="tableauqueel">
                <center>
                  <span class="infobulle"> <span class="groupes"> <a href=”http://rememberthetime.forumactif.org/g4-omega-chi-delta"><font color=#08D6CC size="3"><b>Omega Chi Delta ϟ</b></font></a></span><span class="infobulle-hidden">BLA BLA BLA BLA BLA BLA.</span></span>
                  <span class="infobulle"> <span class="groupes"> <a href="http://rememberthetime.forumactif.org/g5-kappa-tau-gamma"><font color=#13D113 size="3"><b>Kappa Tau Gamma ϟ</b></font></a></span><span class="infobulle-hidden">Limitation à un collage. Aucune finition, et aucune technique. Aucun acquis.</span></span>
                  <span class="infobulle"> <span class="groupes"> <a href="http://rememberthetime.forumactif.org/g6-chi-psi"><font color=#F76F08 size="3"><b>Chi Psi ϟ</b></font></a></span><span class="infobulle-hidden">Limitation à un collage. Aucune finition, et aucune technique. Aucun acquis.</span></span>
                  <span class="infobulle"> <span class="groupes"> <a href="http://rememberthetime.forumactif.org/g7-zeta-beta-zeta"><font color=#DB1474 size="3"><b>Zeta Beta Zeta ϟ</b></font></a></span><span class="infobulle-hidden">Limitation à un collage. Aucune finition, et aucune technique. Aucun acquis.</span></span>
                  <span class="infobulle"> <span class="groupes"> <a href="http://rememberthetime.forumactif.org/g8-tri-pi"><font color=#FF0303 size="3"><b>Tri Pi ϟ</b></font></a></span><span class="infobulle-hidden">Limitation à un collage. Aucune finition, et aucune technique. Aucun acquis.</span></span>
                  <span class="infobulle"> <span class="groupes"> <a href="http://rememberthetime.forumactif.org/g9-phi-mu"><font color=#E6DC20 size="3"><b>Phi Mu ϟ</b></font></a></span><span class="infobulle-hidden">Limitation à un collage. Aucune finition, et aucune technique. Aucun acquis.</span></span>
                  <br><center><span class="infobulle"> <span class="groupes"> <a href="http://rememberthetime.forumactif.org/g10-dirty-little-secrets"><font color=#C000D1 size="3"><b>Dirty Little Secret ϟ</b></font></a></span><span class="infobulle-hidden">BLA BLA BLA BLA BLA BLA.</span>
                  <span class="infobulle"> <span class="groupes"> <a href="http://rememberthetime.forumactif.org/g11-grown-up-people"><font color=#000000 size="3"><b>Grown-Up People</b></font></a></span><span class="infobulle-hidden">BLA BLA BLA BLA BLA BLA.</span>
        </center><br />
                <table style="width: 100%; border-collapse:collapse;">
                <td valign="top" width="50%"><div class="partiegauche"><br>
                  <div align="justify"><span id="bert">{TOTAL_POSTS}<script type="text/javascript">document.getElementById('bert').innerHTML=document.getElementById('bert').innerHTML.replace(/Nos membres ont posté un total de/,"Nos petits membres ont posté un total de ");</script><script type="text/javascript">document.getElementById('bert').innerHTML=document.getElementById('bert').innerHTML.replace(/messages/,"secrets.");</script></span>
                  <span id="matt">{TOTAL_USERS}<script type="text/javascript">document.getElementById('matt').innerHTML=document.getElementById('matt').innerHTML.replace(/Nous avons/," Nous comptons un total de");</script><script type="text/javascript">document.getElementById('matt').innerHTML=document.getElementById('matt').innerHTML.replace(/membres enregistrés/,"petits menteurs.");</script></span>
                    <span id="stoc">{TOTAL_USERS_ONLINE}<script type="text/javascript">document.getElementById('stoc').innerHTML=document.getElementById('stoc').innerHTML.replace(/Il y a en tout/," Il y a actuellement ");</script><script type="text/javascript">document.getElementById('stoc').innerHTML=document.getElementById('stoc').innerHTML.replace(/utilisateur en ligne/,"habitant ou futur habitant qui ce balade à Beckerfield. ");</script></span>
                  <br><span id="bud">{NEWEST_USER}<script type="text/javascript">document.getElementById('bud').innerHTML=document.getElementById('bud').innerHTML.replace(/L'utilisateur enregistré le plus récent est/," Oh, un nouveau cachotier vient de poser ses valises ! Souhaitons tous la bienvenue à ");</script>
                    <br><br>{LOGGED_IN_USER_LIST}
                    </font></div></div></td>
             
                  <td width="50%"><div class="partiedroite"><br><div class="gensmall">
                    <table>{L_CONNECTED_MEMBERS}</table>
                <br></div><br>
                    <br></div></td>
                </tr>
                </table>
                    <br></div>
                <!-- END disable_viewonline -->

Cordialement.

[Cramby']

Bonsoir,
Ce n'est pas grave ! ^^ Ça fonctionne mais les infobulles du groupe de Dirty little secrets et de grown up people continu de s'ouvrir ensemble... ^^'

[Anzu]

Vous auriez regardé votre code, vous les auriez vus, comme ça c'est mieux ?: (j'avais zappé les deux derniers)

Code:

  <!-- BEGIN disable_viewonline -->
                   
                        <div class="tableauqueel">
                        <center>
                          <span class="infobulle"> <span class="groupes"> <a href=”http://rememberthetime.forumactif.org/g4-omega-chi-delta"><font color=#08D6CC size="3"><b>Omega Chi Delta ϟ</b></font></a></span><span class="infobulle-hidden">BLA BLA BLA BLA BLA BLA.</span></span>
                          <span class="infobulle"> <span class="groupes"> <a href="http://rememberthetime.forumactif.org/g5-kappa-tau-gamma"><font color=#13D113 size="3"><b>Kappa Tau Gamma ϟ</b></font></a></span><span class="infobulle-hidden">Limitation à un collage. Aucune finition, et aucune technique. Aucun acquis.</span></span>
                          <span class="infobulle"> <span class="groupes"> <a href="http://rememberthetime.forumactif.org/g6-chi-psi"><font color=#F76F08 size="3"><b>Chi Psi ϟ</b></font></a></span><span class="infobulle-hidden">FFFFFFF</span></span>
                          <span class="infobulle"> <span class="groupes"> <a href="http://rememberthetime.forumactif.org/g7-zeta-beta-zeta"><font color=#DB1474 size="3"><b>Zeta Beta Zeta ϟ</b></font></a></span><span class="infobulle-hidden">EEEEEEEE</span></span>
                          <span class="infobulle"> <span class="groupes"> <a href="http://rememberthetime.forumactif.org/g8-tri-pi"><font color=#FF0303 size="3"><b>Tri Pi ϟ</b></font></a></span><span class="infobulle-hidden">DDDDDDDD</span></span>
                          <span class="infobulle"> <span class="groupes"> <a href="http://rememberthetime.forumactif.org/g9-phi-mu"><font color=#E6DC20 size="3"><b>Phi Mu ϟ</b></font></a></span><span class="infobulle-hidden">CCCCCCCCCCCC</span></span>
                          <br><center><span class="infobulle"> <span class="groupes"> <a href="http://rememberthetime.forumactif.org/g10-dirty-little-secrets"><font color=#C000D1 size="3"><b>Dirty Little Secret ϟ</b></font></a></span><span class="infobulle-hidden">BBBBBBB</span></span>
                          <span class="infobulle"> <span class="groupes"> <a href="http://rememberthetime.forumactif.org/g11-grown-up-people"><font color=#000000 size="3"><b>Grown-Up People</b></font></a></span><span class="infobulle-hidden">Tralalalalaa</span></span>
                </center><br />
                        <table style="width: 100%; border-collapse:collapse;">
                        <td valign="top" width="50%"><div class="partiegauche"><br>
                          <div align="justify"><span id="bert">{TOTAL_POSTS}<script type="text/javascript">document.getElementById('bert').innerHTML=document.getElementById('bert').innerHTML.replace(/Nos membres ont posté un total de/,"Nos petits membres ont posté un total de ");</script><script type="text/javascript">document.getElementById('bert').innerHTML=document.getElementById('bert').innerHTML.replace(/messages/,"secrets.");</script></span>
                          <span id="matt">{TOTAL_USERS}<script type="text/javascript">document.getElementById('matt').innerHTML=document.getElementById('matt').innerHTML.replace(/Nous avons/," Nous comptons un total de");</script><script type="text/javascript">document.getElementById('matt').innerHTML=document.getElementById('matt').innerHTML.replace(/membres enregistrés/,"petits menteurs.");</script></span>
                            <span id="stoc">{TOTAL_USERS_ONLINE}<script type="text/javascript">document.getElementById('stoc').innerHTML=document.getElementById('stoc').innerHTML.replace(/Il y a en tout/," Il y a actuellement ");</script><script type="text/javascript">document.getElementById('stoc').innerHTML=document.getElementById('stoc').innerHTML.replace(/utilisateur en ligne/,"habitant ou futur habitant qui ce balade à Beckerfield. ");</script></span>
                          <br><span id="bud">{NEWEST_USER}<script type="text/javascript">document.getElementById('bud').innerHTML=document.getElementById('bud').innerHTML.replace(/L'utilisateur enregistré le plus récent est/," Oh, un nouveau cachotier vient de poser ses valises ! Souhaitons tous la bienvenue à ");</script>
                            <br><br>{LOGGED_IN_USER_LIST}
                            </font></div></div></td>
                   
                          <td width="50%"><div class="partiedroite"><br><div class="gensmall">
                            <table>{L_CONNECTED_MEMBERS}</table>
                        <br></div><br>
                            <br></div></td>
                        </tr>
                        </table>
                            <br></div>
                        <!-- END disable_viewonline -->

Cordialement.

[Cramby']

Désoler je ne savais pas que l'on pouvait mettre deux "</span>" côte à côte :s

Merci de votre aide je met en resolu ! :3

[Anzu]

Vous en avez bien ouvert deux:

Code:

 <span class="infobulle"> <span class="groupes">

Du moment que vous l'ouvrez, il faut la fermer ^^

[Cramby']

Oui c'est vrai, j'suis bête TT Encore mille merci ! :O