Aligner les groupes dans le QEEL

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

Résolu Aligner les groupes dans le QEEL

Message par Melodiam le Ven 20 Déc 2013 - 18:45

Bonjour ! (:

Voilà j'ai un petit souci avec mon QEEL !
Voyez un peu ce que j'ai pour le moment : http://i39.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 ? ^^


Dernière édition par Melodiam le Sam 21 Déc 2013 - 11:31, édité 1 fois

Melodiam
****

Messages : 206
Inscrit(e) le : 16/04/2012

Melodiam a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Aligner les groupes dans le QEEL

Message par Ange Tuteur le Sam 21 Déc 2013 - 5:39

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>

Ange Tuteur
****

Masculin
Messages : 476
Inscrit(e) le : 16/11/2013

https://github.com/SethClydesdale
Ange Tuteur a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Aligner les groupes dans le QEEL

Message par Melodiam le Sam 21 Déc 2013 - 11:31

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

Melodiam
****

Messages : 206
Inscrit(e) le : 16/04/2012

Melodiam 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