QEEL - positionnement des groupes et des stats

[Naaw-el]

Bonjour tous (:

Je viens demander votre aide pour mon QEEL.
Voici la situation ^^



Alors je souhaiterais que ce que j'ai encadré en rouge soit positionné un peu plus à droite. Pas COMPLETEMENT à droite (sinon j'aurais utilisé la commande text-align: right) mais un peu plus, seulement.
Mon CSS se présente comme ceci :

Code:

.statistiques{
border:0px;
background-image: url("http://i26.servimg.com/u/f26/16/26/21/76/qui_es10.png");
background-repeat: no-repeat;
background-position: left;
width:980px;
text-align: center;
}

.groupes{
height:px;
padding-right:6px;
padding-left:6px;
padding-bottom:3px;
font-size:15px;
text-decoration: none !important;
margin-left: 5px;}

et au niveau de mon template index_body..

Code:

<!--BEGIN disable_viewonline -->

<center><table cellspacing="0" cellpadding="0" width="800px" border="0" class="statistiques">
  <tr>

<td width="980px">
<br><br><br><br><br><center>
<span class="groupes"> <a href="http://newy-life.bbactif.com/groupcp.forum?g=7"><font color=#0073FF size="2"><b>Administrateurs</b></font></a></span><img src="http://i31.tinypic.com/mugck1.jpg">
<span class="groupes"><a href="http://newy-life.bbactif.com/groupcp.forum?g=2"><font color=#FF6600 size="2"><b>Modérateurs</b></font></a></span> <img src="http://i31.tinypic.com/mugck1.jpg"><br>
<span class="groupes"><a href="http://newy-life.bbactif.com/groupcp.forum?g=3"><font color=#32C900 size="2"><b>Boutiquiers</b></font></a></span><img src="http://i31.tinypic.com/mugck1.jpg">
<span class="groupes"> <a href="http://newy-life.bbactif.com/groupcp.forum?g=4"><font color=#B30E2A size="2"><b>Animateurs</b></font></a></span><img src="http://i31.tinypic.com/mugck1.jpg">
<span class="groupes"><a href="http://newy-life.bbactif.com/groupcp.forum?g=5"><font color=#898399 size="2"><b>Vérifs</b></font></a></span><img src="http://i31.tinypic.com/mugck1.jpg">
<span class="groupes"><a href="http://newy-life.bbactif.com/groupcp.forum?g=6"><font color=#B5D64B size="2"><b>Membres</b></font></a></span><img src="http://i31.tinypic.com/mugck1.jpg">
</center>
<div style="font-size: 12px; font-weight: ; padding-left: 70px; "><span id="matt">{TOTAL_USERS}</span>
      <script type="text/javascript">document.getElementById('matt').innerHTML=document.getElementById('matt').innerHTML.replace(/Nous avons/,"Nous avons");</script>
      <script type="text/javascript">document.getElementById('matt').innerHTML=document.getElementById('matt').innerHTML.replace(/membre enregistré/,"membre enregistré. ");</script>
      <script type="text/javascript">document.getElementById('matt').innerHTML=document.getElementById('matt').innerHTML.replace(/membres enregistrés/,"membres enregistrés. ");</script><br>

      <span id="yow">{TOTAL_POSTS}</span>
      <script type="text/javascript">document.getElementById('yow').innerHTML=document.getElementById('yow').innerHTML.replace(/Nos membres ont posté un total de/,"Nos membres ont posté un total de");</script>
      <script type="text/javascript">document.getElementById('yow').innerHTML=document.getElementById(yow').innerHTML.replace(/message/,"messages. ");</script>
      <script type="text/javascript">document.getElementById('yow').innerHTML=document.getElementById('yow').innerHTML.replace(/messages/,"messages. ");</script><br>
 
      <span id="yosh">{NEWEST_USER}</span>
      <script type="text/javascript">document.getElementById('yosh').innerHTML=document.getElementById('yosh').innerHTML.replace(/L'utilisateur enregistré le plus récent est/,"L'utilisateur enregistré le plus récent est");</script>.
 
    <br><br>
<span id="yohan">{TOTAL_USERS_ONLINE}</span>
      <script type="text/javascript">document.getElementById('yohan').innerHTML=document.getElementById('yohan').innerHTML.replace(/utilisateurs en ligne/,"utilisateurs en ligne");</script>
      <script type="text/javascript">document.getElementById('yohan').innerHTML=document.getElementById('yohan').innerHTML.replace(/utilisateur en ligne/,"utilisateurs en ligne");</script>
 
      <script type="text/javascript">document.getElementById('yohan').innerHTML=document.getElementById('yohan').innerHTML.replace(/Enregistré/,"Membre");</script>
      <script type="text/javascript">document.getElementById('yohan').innerHTML=document.getElementById('yohan').innerHTML.replace(/Enregistrés/,"Membres");</script>
      <script type="text/javascript">document.getElementById('yohan').innerHTML=document.getElementById('yohan').innerHTML.replace(/Invisible/,"Invisible");</script>
      <script type="text/javascript">document.getElementById('yohan').innerHTML=document.getElementById('yohan').innerHTML.replace(/Invisibles/,"Invisibles");</script>
      <script type="text/javascript">document.getElementById('yohan').innerHTML=document.getElementById('yohan').innerHTML.replace(/Invité/,"Invité ");</script>
      <script type="text/javascript">document.getElementById('yohan').innerHTML=document.getElementById('yohan').innerHTML.replace(/Invités/,"Invités ");</script>

<br><span id="bret">{LOGGED_IN_USER_LIST}</span>
      <script type="text/javascript">document.getElementById('bret').innerHTML=document.getElementById('bret').innerHTML.replace(/Utilisateurs enregistrés/,"Utilisateurs enregistrés");</script>
<br><span id="mike">{RECORD_USERS}</span>
    <script type="text/javascript">document.getElementById('mike').innerHTML=document.getElementById('mike').innerHTML.replace(/Le record du nombre d'utilisateurs en ligne est de/," Le record du nombre d'utilisateur en ligne est de");</script>
      </div><br><br>
{CHATBOX_BOTTOM}
<br clear="all" />
<!-- BEGIN switch_legend -->
<table border="0" cellspacing="3" cellpadding="0" align="center">
  <tr>
      <td align="center" width="20"><img src="{FORUM_NEW_IMG}" alt="{L_NEW_POSTS}" /></td>
      <td><span class="gensmall">{L_NEW_POSTS}</span></td>
      <td></td>
      <td align="center" width="20"><img src="{FORUM_IMG}" alt="{L_NO_NEW_POSTS}" /></td>
      <td><span class="gensmall">{L_NO_NEW_POSTS}</span></td>
      <td>  </td>
      <td align="center" width="20"><img src="{FORUM_LOCKED_IMG}" alt="{L_FORUM_LOCKED}" /></td>
      <td><span class="gensmall">{L_FORUM_LOCKED}</span></td>
  </tr>
</table>
<!-- END switch_legend -->

{AUTO_DST}

J'espère vous avoir donné toutes les infos vous permettant de résoudre mon problème :/
Merci d'avance,
Nawel

[Anzu]

Bonjour ^^

Voici le template modifié:

Code:

    <!--BEGIN disable_viewonline -->

    <center><table cellspacing="0" cellpadding="0" width="800px" border="0" class="statistiques">
      <tr>

    <td style="padding-left: 150px" width="980px">
    <br><br><br><br><br><center>
    <span class="groupes"> <a href="http://newy-life.bbactif.com/groupcp.forum?g=7"><font color=#0073FF size="2"><b>Administrateurs</b></font></a></span><img src="http://i31.tinypic.com/mugck1.jpg">
    <span class="groupes"><a href="http://newy-life.bbactif.com/groupcp.forum?g=2"><font color=#FF6600 size="2"><b>Modérateurs</b></font></a></span> <img src="http://i31.tinypic.com/mugck1.jpg"><br>
    <span class="groupes"><a href="http://newy-life.bbactif.com/groupcp.forum?g=3"><font color=#32C900 size="2"><b>Boutiquiers</b></font></a></span><img src="http://i31.tinypic.com/mugck1.jpg">
    <span class="groupes"> <a href="http://newy-life.bbactif.com/groupcp.forum?g=4"><font color=#B30E2A size="2"><b>Animateurs</b></font></a></span><img src="http://i31.tinypic.com/mugck1.jpg">
    <span class="groupes"><a href="http://newy-life.bbactif.com/groupcp.forum?g=5"><font color=#898399 size="2"><b>Vérifs</b></font></a></span><img src="http://i31.tinypic.com/mugck1.jpg">
    <span class="groupes"><a href="http://newy-life.bbactif.com/groupcp.forum?g=6"><font color=#B5D64B size="2"><b>Membres</b></font></a></span><img src="http://i31.tinypic.com/mugck1.jpg">
    </center>
    <div style="font-size: 12px; font-weight: ; padding-left: 70px; "><span id="matt">{TOTAL_USERS}</span>
          <script type="text/javascript">document.getElementById('matt').innerHTML=document.getElementById('matt').innerHTML.replace(/Nous avons/,"Nous avons");</script>
          <script type="text/javascript">document.getElementById('matt').innerHTML=document.getElementById('matt').innerHTML.replace(/membre enregistré/,"membre enregistré. ");</script>
          <script type="text/javascript">document.getElementById('matt').innerHTML=document.getElementById('matt').innerHTML.replace(/membres enregistrés/,"membres enregistrés. ");</script><br>

          <span id="yow">{TOTAL_POSTS}</span>
          <script type="text/javascript">document.getElementById('yow').innerHTML=document.getElementById('yow').innerHTML.replace(/Nos membres ont posté un total de/,"Nos membres ont posté un total de");</script>
          <script type="text/javascript">document.getElementById('yow').innerHTML=document.getElementById(yow').innerHTML.replace(/message/,"messages. ");</script>
          <script type="text/javascript">document.getElementById('yow').innerHTML=document.getElementById('yow').innerHTML.replace(/messages/,"messages. ");</script><br>
   
          <span id="yosh">{NEWEST_USER}</span>
          <script type="text/javascript">document.getElementById('yosh').innerHTML=document.getElementById('yosh').innerHTML.replace(/L'utilisateur enregistré le plus récent est/,"L'utilisateur enregistré le plus récent est");</script>.
   
        <br><br>
    <span id="yohan">{TOTAL_USERS_ONLINE}</span>
          <script type="text/javascript">document.getElementById('yohan').innerHTML=document.getElementById('yohan').innerHTML.replace(/utilisateurs en ligne/,"utilisateurs en ligne");</script>
          <script type="text/javascript">document.getElementById('yohan').innerHTML=document.getElementById('yohan').innerHTML.replace(/utilisateur en ligne/,"utilisateurs en ligne");</script>
   
          <script type="text/javascript">document.getElementById('yohan').innerHTML=document.getElementById('yohan').innerHTML.replace(/Enregistré/,"Membre");</script>
          <script type="text/javascript">document.getElementById('yohan').innerHTML=document.getElementById('yohan').innerHTML.replace(/Enregistrés/,"Membres");</script>
          <script type="text/javascript">document.getElementById('yohan').innerHTML=document.getElementById('yohan').innerHTML.replace(/Invisible/,"Invisible");</script>
          <script type="text/javascript">document.getElementById('yohan').innerHTML=document.getElementById('yohan').innerHTML.replace(/Invisibles/,"Invisibles");</script>
          <script type="text/javascript">document.getElementById('yohan').innerHTML=document.getElementById('yohan').innerHTML.replace(/Invité/,"Invité ");</script>
          <script type="text/javascript">document.getElementById('yohan').innerHTML=document.getElementById('yohan').innerHTML.replace(/Invités/,"Invités ");</script>

    <br><span id="bret">{LOGGED_IN_USER_LIST}</span>
          <script type="text/javascript">document.getElementById('bret').innerHTML=document.getElementById('bret').innerHTML.replace(/Utilisateurs enregistrés/,"Utilisateurs enregistrés");</script>
    <br><span id="mike">{RECORD_USERS}</span>
        <script type="text/javascript">document.getElementById('mike').innerHTML=document.getElementById('mike').innerHTML.replace(/Le record du nombre d'utilisateurs en ligne est de/," Le record du nombre d'utilisateur en ligne est de");</script>
          </div><br><br>
    {CHATBOX_BOTTOM}
    <br clear="all" />
    <!-- BEGIN switch_legend -->
    <table border="0" cellspacing="3" cellpadding="0" align="center">
      <tr>
          <td align="center" width="20"><img src="{FORUM_NEW_IMG}" alt="{L_NEW_POSTS}" /></td>
          <td><span class="gensmall">{L_NEW_POSTS}</span></td>
          <td></td>
          <td align="center" width="20"><img src="{FORUM_IMG}" alt="{L_NO_NEW_POSTS}" /></td>
          <td><span class="gensmall">{L_NO_NEW_POSTS}</span></td>
          <td>  </td>
          <td align="center" width="20"><img src="{FORUM_LOCKED_IMG}" alt="{L_FORUM_LOCKED}" /></td>
          <td><span class="gensmall">{L_FORUM_LOCKED}</span></td>
      </tr>
    </table>
    <!-- END switch_legend -->

    {AUTO_DST}

J'ai rajouté dans le td concerné, un style avec un padding let. Vous pouvez augmenter ou diminuer la valeur à votre convenance.

Par contre, je n'ai pas regardé le reste du code mais il semble y avoir pas mal d'erreurs. Des bugs sur mon forum test (vérifiez les balises, elles doivent être bien fermées)

Cordialement.

[Naaw-el]

Merci beaucoup Anzu !
Tout marche parfaitement ;D
Je vais vérifier cette histoire de balise non fermées, merci d'avoir prévenu !
Ah et je mets résolu.