centrer le qeel

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

Résolu centrer le qeel

Message par Juillet le Sam 28 Jan 2017 - 23:16

Bonsoir Very Happy
Je viens demander un peu d'aider avant de m'arracher les cheveux. J'ai l'impression d'avoir essayé toutes les solutions proposées sur le forum et je m'excuse d'avance si l'une d'elle m'a échappé..
J'essaye pour la première fois de faire un qeel, normalement tout simple, en suivant les tutoriels que je trouve un peu partout. Seulement je n'arrive pas à aligner mon tableau. Voici ce que ça donne en code :

template
Code:
<!-- BEGIN disable_viewonline -->
    <center><div class="qeel">
<div class="groupes">
<a class="liensgroupes" href="url"><font color="#">groupe</font></a>
<a class="liensgroupes" href="url"><font color="#">groupe</font></a>
<a class="liensgroupes" href="url"><font color="#">groupe</font></a>
<a class="liensgroupes" href="url"><font color="#">groupe</font></a>
</div>
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
      <tr>   
      <td class="row1" width="50%"><div class="tabl1"><span class="gensmall">{TOTAL_POSTS}<br />
      {TOTAL_USERS}<br />
      {NEWEST_USER}</span><br>
      <span class="gensmall">{TOTAL_USERS_ONLINE}<br />
      {RECORD_USERS}<br />
      <br />
      {LOGGED_IN_USER_LIST}</span></div></td>
 <td  width="50%">
  <div class="tabl2"><table> {L_CONNECTED_MEMBERS}</table></div></td>
      </tr>
  </table></div></center>
<!-- END disable_viewonline -->

le css
Code:
/* QUEEL */
.QEEL {
      text-align: center;
      padding: 5px;
  }

#qeel {
    margin: auto; /* pour centrer */
    width: 765px; /* la largeur de ton QEEL */
}

.groupes {
      margin: auto;
      text-align: center;
      padding: 2px;
  font-family: verdana;
    text-transform: lowercase;
  font-size: 12px;
  font-style: italic;
  letter-spacing: 2px;
  line-height: 4px;
  }

.tabl1 {
  width: 250px;
  height: 230px;
  overflow: auto;
  font-size: 10px;
  line-height: 8pt;
  padding: 7px;
  text-align: justify;
border: 1px solid #c5b6cc;
  margin: 5px;
}

.tabl2 {
  width: 250px;
  height: 230px;
  overflow: auto;
  font-size: 10px;
  line-height: 8pt;
  padding: 7px;
  text-align: justify;
border: 1px solid #c5b6cc;
  margin: 5px;
}

Le forum en question est celui se trouvant dans mon profil. Si vous avez une idée de ce qui cloche..
Par avance, merci de votre aide I love you


Dernière édition par Juillet le Sam 28 Jan 2017 - 23:40, édité 1 fois
avatar

Juillet
Nouveau membre

Féminin
Messages : 20
Inscrit(e) le : 26/06/2011

http://marcel-la-biquette.forumactif.com/
Juillet a été remercié(e) par l'auteur de ce sujet.

Résolu Re: centrer le qeel

Message par MlleAlys le Sam 28 Jan 2017 - 23:29

Bonjour,
Votre tableau prend toute la largeur, dont chaque cellule prend la moitié. Sauf que les cadres dans les cellules sont moins larges que celles-ci, et se trouvent à droite dans la cellule :

Pour que le tableau s'adapte à son contenu, retirez l'attribu width="100%" dans la balise du tableau :
Code:
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
devient
Code:
<table class="forumline" border="0" cellspacing="1" cellpadding="0">
avatar

MlleAlys
Membre actif

Messages : 4554
Inscrit(e) le : 12/09/2012

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

Résolu Re: centrer le qeel

Message par Juillet le Sam 28 Jan 2017 - 23:39

ah je comprend mieux maintenant ! effectivement ça marche, merci beaucoup I love you
avatar

Juillet
Nouveau membre

Féminin
Messages : 20
Inscrit(e) le : 26/06/2011

http://marcel-la-biquette.forumactif.com/
Juillet 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