Aligner les groupes dans le QEEL

2 participants

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

Résolu Aligner les groupes dans le QEEL

Message par Melodiam 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 : 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 ? ^^


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

Melodiam
****

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

http://funkytown-bakemono.forumactif.com
Melodiam a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Aligner les groupes dans le QEEL

Message par Ange Tuteur 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

Ange Tuteur
****

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

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

Résolu Re: Aligner les groupes dans le QEEL

Message par Melodiam 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

Melodiam
****

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

http://funkytown-bakemono.forumactif.com
Melodiam a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut

- Sujets similaires

Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum