Aligner les groupes dans le QEEL

[Melodiam]

Bonjour ! (:

Voilà j'ai un petit souci avec mon QEEL !
Voyez un peu ce que j'ai pour le moment : https://2img.net/h/oi39.tinypic.com/71tdva.png
Les groupes se superposent et j'aimerais qu'ils s'alignent les uns à côté des autres..
J'ai tenté dans mon CSS de rajouter un "text-align: chaine" mais cela n'a pas marché !

Voici mon CSS :

Code:

.groupes {
font-family: Georgia;
font-size: 20px;
font-weight: normal;
text-align: chaine;
margin-bottom: 0px;
padding-left: 0px;
border-radius: 0px;
}

Voici la partie concernée de mon template :

Code:

<!-- BEGIN disable_viewonline -->
<table  class="forumline" width="100%" border="0" cellspacing="3" cellpadding="3">
 
<tr>
<td colspan="3"><center><span class="groupes"><a href="http://topsy-turvy.forumactif.org/g6-les-marvaliens"><font color=#6A1C19 size="2"><div style="font-family: Georgia; font-size: 12px; font-weight: normal;">LES MARVALIENS</div></font></a></span>
  <span class="groupes"> <a href="http://melodiam.forumgratuit.eu/g9-les-affranchis"><font color=#99512B size="2"><div style="font-family: Georgia; font-size: 12px; font-weight: normal;">LES SANS-CITÉ</div></font></a></span>
  <span class="groupes"> <a href="http://melodiam.forumgratuit.eu/g5-les-asservis-de-ludwig"><font color=#2D6154 size="2"><div style="font-family: Georgia; font-size: 12px; font-weight: normal;">LES PACIFICATEURS</div></font></a></span>
  <span class="groupes"> <a href="http://melodiam.forumgratuit.eu/g4-les-mordus"><font color=#856F18 size="2"><div style="font-family: Georgia; font-size: 12px; font-weight: normal;">LES OMBRES</div></font></a></span> <span class="groupes">
  <a href="http://melodiam.forumgratuit.eu/g10-bad-jokers"><font color=#3D4669 size="2"><div style="font-family: Georgia; font-size: 12px; font-weight: normal;">LES GARDIENS</div></font></a></span></center></td>
</tr>
 
<tr>
<td class="caseqeel"> <div class="cadreqeel"><span class="gensmall"> <span id="bert">{TOTAL_POSTS}
</span>
<script type="text/javascript">document.getElementById('bert').innerHTML=document.getElementById('bert').innerHTML.replace(/Nos membres ont posté un total de/,"Ces chers Marvaliens ont écrit un total de").replace(/messages/,"parchemins.");
</script> <span id="matt">{TOTAL_USERS}
</span>
<script type="text/javascript">document.getElementById('matt').innerHTML=document.getElementById('matt').innerHTML.replace(/Nous avons/,"Il y a").replace(/membres enregistrés/,"êtres fantastiques parcourant ce monde.");
</script> <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/,"Le dernier à nous avoir rejoint à Marvalum est");
</script> <span id="celine">{TOTAL_USERS_ONLINE}</span>
<script type="text/javascript"> document.getElementById('celine').innerHTML=document.getElementById('celine').innerHTML.replace(/Il y a en tout/,"Il y a en tout").replace(/utilisateur(s?) en ligne/,"Marvaliens").replace(/::/,"::").replace(/Enregistré(s?)/,"membre$1").replace(/Invisible(s?) et/,"caché$1 et").replace(/Invité(s?)/,"visiteur$1");
</script> <span id="connectes">{RECORD_USERS}
  </span></span></div>
</td>
 
<td  class="caseqeel"><br>
<div class="cadreqeel"><table><span class="gensmall"><span id="alpha">{LOGGED_IN_USER_LIST}
  </span></span></table>
<script type="text/javascript">document.getElementById('alpha').innerHTML=document.getElementById('alpha').innerHTML.replace(/Utilisateurs enregistrés/,"Les Marvaliens");</script>
  </div></td>
 
 
<td  class="caseqeel"><div class="cadreqeel"><table id="kaboum">{L_CONNECTED_MEMBERS}</table>
<script type="text/javascript">
jQuery('#kaboum span.gensmall').html(jQuery('#kaboum span.gensmall').html().replace('Membres connectés au cours des 72 dernières heures : ','Les personnes qui sont venues lors des 12 dernières heures :'));
  </script></div>
</td>
</tr>
<!-- END disable_viewonline -->

Quelqu'un saurait m'aider ? ^^

[Ange Tuteur]

Bonjour Melodiam,

Essayer ce CSS :

Code:

.groupes div { display:inline-block; }

Votre groups sont DIVs ( block-level ) :

Code:

<div style="font-family: Georgia; font-size: 12px; font-weight: normal;">LES MARVALIENS</div>

Vous pouvez changer ça à SPAN donc c'est inline :

Code:

<span style="font-family: Georgia; font-size: 12px; font-weight: normal;">LES MARVALIENS</span>

[Melodiam]

Merci beaucoup !
J'ai simplifié le code et j'ai mis le CSS, et cela fonctionne à présent !!